@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_classnames","_loader","_buttonLink","_getClassState","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","constantNull","_constant2","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","handleDragStop","setState","render","idBox","_uniqueId2","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","style","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","NovaSolidFilesBasicFileLines","iconFile","multiplePreview","loaderWrapper","loadingCancel","NovaSolidStatusClose","height","closeIcon","onClick","loader","theme","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","button","previewContainer","getClassState","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty2","id","infosContainer","NovaSolidFilesBasicFileBlock2","iconError","NovaSolidFilesBasicFileUpload2","dragAndDropLabel","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","PropTypes","string","shape","bool","func","_default","exports"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'csv') {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && !multiple ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        },\n        customStyle: customButtonStyle\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      multiple ? style.previewContainerMultiple : style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","customStyle","button","previewContainer","getClassState","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'csv') {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && !multiple ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        },\n        customStyle: customButtonStyle\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      multiple ? style.previewContainerMultiple : style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/lib/atom/empty-search-result/index.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const EmptySearchResult = props => {
   const {
     firstMessage,
@@ -20,10 +25,12 @@ const EmptySearchResult = props => {
     className: isBulk ? _style.default.secondMessageBulk : _style.default.secondMessage
   }, secondMessage));
 };
+
 EmptySearchResult.propTypes = process.env.NODE_ENV !== "production" ? {
   firstMessage: _propTypes.default.string.isRequired,
   secondMessage: _propTypes.default.string.isRequired,
   isBulk: _propTypes.default.bool
 } : {};
-var _default = exports.default = EmptySearchResult;
+var _default = EmptySearchResult;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/empty-search-result/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_style","e","__esModule","default","EmptySearchResult","props","firstMessage","secondMessage","isBulk","createElement","className","style","container","firstMessageBulk","secondMessageBulk","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","bool","_default","exports"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage, isBulk = false} = props;\n  return (\n    <div className={style.container}>\n      <span className={isBulk ? style.firstMessageBulk : style.firstMessage}>{firstMessage}</span>\n      <span className={isBulk ? style.secondMessageBulk : style.secondMessage}>\n        {secondMessage}\n      </span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired,\n  isBulk: PropTypes.bool\n};\n\nexport default EmptySearchResult;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAY;IAAEC,aAAa;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGH,KAAK;EAC3D,oBACET,MAAA,CAAAO,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAU,gBAC9BhB,MAAA,CAAAO,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAEF,MAAM,GAAGG,cAAK,CAACE,gBAAgB,GAAGF,cAAK,CAACL;EAAa,GAAEA,YAAmB,CAAC,eAC5FV,MAAA,CAAAO,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAEF,MAAM,GAAGG,cAAK,CAACG,iBAAiB,GAAGH,cAAK,CAACJ;EAAc,GACrEA,aACG,CACH,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BZ,YAAY,EAAEa,kBAAS,CAACC,MAAM,CAACC,UAAU;EACzCd,aAAa,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC1Cb,MAAM,EAAEW,kBAAS,CAACG;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["EmptySearchResult","props","firstMessage","secondMessage","isBulk","style","container","firstMessageBulk","secondMessageBulk","propTypes","PropTypes","string","isRequired","bool"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage, isBulk = false} = props;\n  return (\n    <div className={style.container}>\n      <span className={isBulk ? style.firstMessageBulk : style.firstMessage}>{firstMessage}</span>\n      <span className={isBulk ? style.secondMessageBulk : style.secondMessage}>\n        {secondMessage}\n      </span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired,\n  isBulk: PropTypes.bool\n};\n\nexport default EmptySearchResult;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAD;IAAeC,aAAf;IAA8BC,MAAM,GAAG;EAAvC,IAAgDH,KAAtD;EACA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAM,SAAS,EAAEF,MAAM,GAAGC,cAAA,CAAME,gBAAT,GAA4BF,cAAA,CAAMH;EAAzD,GAAwEA,YAAxE,CADF,eAEE;IAAM,SAAS,EAAEE,MAAM,GAAGC,cAAA,CAAMG,iBAAT,GAA6BH,cAAA,CAAMF;EAA1D,GACGA,aADH,CAFF,CADF;AAQD,CAVD;;AAYAH,iBAAiB,CAACS,SAAlB,2CAA8B;EAC5BP,YAAY,EAAEQ,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAE5BT,aAAa,EAAEO,kBAAA,CAAUC,MAAV,CAAiBC,UAFJ;EAG5BR,MAAM,EAAEM,kBAAA,CAAUG;AAHU,CAA9B;eAMeb,iB"}

package/lib/atom/gradient/index.native.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+
 var _colorjs = _interopRequireDefault(require("colorjs.io"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Gradient = ({
   children,
   colors,
@@ -16,21 +21,26 @@ const Gradient = ({
   pointerEvents
 }) => {
   let calculatedColors = colors;
+
   if (colors.length === 1) {
     const [raw] = colors;
     const transparent = new _colorjs.default(raw).to('srgb');
     transparent.alpha = 0;
     calculatedColors = transparencyPosition === 'top' ? [transparent.toString(), raw, raw] : [raw, raw, transparent.toString()];
   }
+
   const _style = [];
+
   if (style) {
     _style.push(style);
   }
+
   if (height) {
     _style.push({
       height
     });
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
     colors: calculatedColors,
     style: _style,
@@ -38,5 +48,7 @@ const Gradient = ({
     testID: testID
   }, children) || null;
 };
-var _default = exports.default = Gradient;
+
+var _default = Gradient;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/gradient/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNativeLinearGradient","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","raw","transparent","Color","to","alpha","toString","_style","push","createElement","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const [raw] = colors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY/B,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX,IAAIC,gBAAgB,GAAGN,MAAM;EAC7B,IAAIA,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IACvB,MAAM,CAACC,GAAG,CAAC,GAAGR,MAAM;IACpB,MAAMS,WAAW,GAAG,IAAIC,gBAAK,CAACF,GAAG,CAAC,CAACG,EAAE,CAAC,MAAM,CAAC;IAC7CF,WAAW,CAACG,KAAK,GAAG,CAAC;IAErBN,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAACQ,WAAW,CAACI,QAAQ,CAAC,CAAC,EAAEL,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACI,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIX,KAAK,EAAE;IACTW,MAAM,CAACC,IAAI,CAACZ,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVY,MAAM,CAACC,IAAI,CAAC;MAACb;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACEZ,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,0BAAA,CAAAI,OAAc;IACbG,MAAM,EAAEM,gBAAiB;IACzBH,KAAK,EAAEW,MAAO;IACdT,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC,IACd,IAAI;AAEb,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaC,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","raw","transparent","Color","to","alpha","toString","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const [raw] = colors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAYA,MAAMA,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,MAFgB;EAGhBC,oBAAoB,GAAG,KAHP;EAIhBC,MAJgB;EAKhBC,KALgB;EAMhBC,MANgB;EAOhBC;AAPgB,CAAD,KAQJ;EACX,IAAIC,gBAAgB,GAAGN,MAAvB;;EACA,IAAIA,MAAM,CAACO,MAAP,KAAkB,CAAtB,EAAyB;IACvB,MAAM,CAACC,GAAD,IAAQR,MAAd;IACA,MAAMS,WAAW,GAAG,IAAIC,gBAAJ,CAAUF,GAAV,EAAeG,EAAf,CAAkB,MAAlB,CAApB;IACAF,WAAW,CAACG,KAAZ,GAAoB,CAApB;IAEAN,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAACQ,WAAW,CAACI,QAAZ,EAAD,EAAyBL,GAAzB,EAA8BA,GAA9B,CADJ,GAEI,CAACA,GAAD,EAAMA,GAAN,EAAWC,WAAW,CAACI,QAAZ,EAAX,CAHN;EAID;;EAED,MAAMC,MAAM,GAAG,EAAf;;EAEA,IAAIX,KAAJ,EAAW;IACTW,MAAM,CAACC,IAAP,CAAYZ,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVY,MAAM,CAACC,IAAP,CAAY;MAACb;IAAD,CAAZ;EACD;;EAED,OACE,aACE,6BAAC,kCAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEQ,MAFT;IAGE,aAAa,EAAET,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CA1CD;;eA4CeD,Q"}

package/lib/atom/header-back-button/index.native.js

@@ -2,18 +2,32 @@
 
 exports.__esModule = true;
 exports.default = exports.HOME_ICON_HEIGHT = exports.CLOSE_ICON_HEIGHT = exports.BACK_ICON_HEIGHT = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _index2 = _interopRequireDefault(require("../header-back-icon/index.native"));
-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 HOME_ICON_HEIGHT = exports.HOME_ICON_HEIGHT = 20;
-const CLOSE_ICON_HEIGHT = exports.CLOSE_ICON_HEIGHT = 16;
-const BACK_ICON_HEIGHT = exports.BACK_ICON_HEIGHT = 20;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const HOME_ICON_HEIGHT = 20;
+exports.HOME_ICON_HEIGHT = HOME_ICON_HEIGHT;
+const CLOSE_ICON_HEIGHT = 16;
+exports.CLOSE_ICON_HEIGHT = CLOSE_ICON_HEIGHT;
+const BACK_ICON_HEIGHT = 20;
+exports.BACK_ICON_HEIGHT = BACK_ICON_HEIGHT;
+
 const createStyleSheet = (theme, statusBarHeight) => _reactNative.StyleSheet.create({
   container: {
     paddingLeft: theme.spacing.base
@@ -27,6 +41,7 @@ const createStyleSheet = (theme, statusBarHeight) => _reactNative.StyleSheet.cre
     top: 0
   }
 });
+
 const HeaderBackButton = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -46,11 +61,14 @@ const HeaderBackButton = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme, statusBarHeight);
+
     setStylesheet(_stylesheet);
   }, [theme, statusBarHeight]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.container, isFloating && styleSheet.floating, isFloating && noSafeArea && styleSheet.noSafeArea]
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -71,5 +89,7 @@ const HeaderBackButton = props => {
     color: color
   }) : null));
 };
-var _default = exports.default = HeaderBackButton;
+
+var _default = HeaderBackButton;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/header-back-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_templateContext","_index","_interopRequireDefault","_index2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HOME_ICON_HEIGHT","exports","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","display","type","color","colors","white","onPress","isFloating","testID","useEffect","_stylesheet","createElement","View","style","analyticsID","NovaSolidPlacesPlacesHome2","height","width","NovaSolidStatusClose","_default"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","display","type","color","colors","white","onPress","isFloating","testID","useEffect","_stylesheet"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,gBAAgB,GAAG,EAAzB;;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AACA,MAAMC,gBAAgB,GAAG,EAAzB;;;AAiBP,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,eAAf,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC;EADlB,CADK;EAIhBC,QAAQ,EAAE;IACRC,UAAU,EAAET,KAAK,CAACM,OAAN,CAAcC,IADlB;IAERG,QAAQ,EAAE,UAFF;IAGRC,GAAG,EAAEV;EAHG,CAJM;EAShBW,UAAU,EAAE;IACVD,GAAG,EAAE;EADK;AATI,CAAlB,CADF;;AAeA,MAAME,gBAAgB,GAAIC,KAAD,IAAkB;EACzC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IACJnB,KADI;IAEJoB,OAAO,EAAE;MAACnB;IAAD;EAFL,IAGFc,eAHJ;EAKA,MAAM;IACJM,IADI;IAEJC,KAAK,GAAGtB,KAAK,CAACuB,MAAN,CAAaC,KAFjB;IAGJC,OAHI;IAIJC,UAAU,GAAG,IAJT;IAKJd,UAAU,GAAG,KALT;IAMJe,MAAM,GAAG;EANL,IAOFb,KAPJ;EASA,IAAAc,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,EAAQC,eAAR,CAApC;;IACAiB,aAAa,CAACW,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7B,KAAD,EAAQC,eAAR,CAHH;;EAKA,IAAI,CAACgB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLA,UAAU,CAACb,SADN,EAELsB,UAAU,IAAIT,UAAU,CAACT,QAFpB,EAGLkB,UAAU,IAAId,UAAd,IAA4BK,UAAU,CAACL,UAHlC;EADT,gBAOE,6BAAC,cAAD;IAAW,MAAM,EAAEe,MAAnB;IAA2B,OAAO,EAAEF,OAApC;IAA6C,WAAW,EAAC;EAAzD,GACGJ,IAAI,KAAK,MAAT,gBACC,6BAAC,qCAAD;IAAU,MAAM,EAAEzB,gBAAlB;IAAoC,KAAK,EAAEA,gBAA3C;IAA6D,KAAK,EAAE0B;EAApE,EADD,GAEG,IAHN,EAIGD,IAAI,KAAK,OAAT,gBACC,6BAAC,+BAAD;IAAW,MAAM,EAAExB,iBAAnB;IAAsC,KAAK,EAAEA,iBAA7C;IAAgE,KAAK,EAAEyB;EAAvE,EADD,GAEG,IANN,EAOGD,IAAI,KAAK,MAAT,gBACC,6BAAC,eAAD;IAAgB,MAAM,EAAEvB,gBAAxB;IAA0C,KAAK,EAAEA,gBAAjD;IAAmE,KAAK,EAAEwB;EAA1E,EADD,GAEG,IATN,CAPF,CADF;AAqBD,CA/CD;;eAiDeT,gB"}

package/lib/atom/header-back-icon/index.native.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const HeaderBackIcon = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -26,5 +32,7 @@ const HeaderBackIcon = props => {
     width: width
   }));
 };
-var _default = exports.default = HeaderBackIcon;
+
+var _default = HeaderBackIcon;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/header-back-icon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_novaIcons","_templateContext","e","__esModule","default","HeaderBackIcon","props","templateContext","useTemplateContext","theme","color","colors","gray","dark","height","width","style","createElement","View","NovaCompositionNavigationArrowLeft","_default","exports"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA8E,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS9E,MAAMG,cAAc,GAAIC,KAAY,IAAK;EACvC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC;EAAK,CAAC,GAAGF,eAAe;EAE/B,MAAM;IAACG,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAACC,IAAI;IAAEC,MAAM,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC;EAAK,CAAC,GAAGV,KAAK;EAE9E,oBACEV,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACF,KAAK,EAAEA;EAAM,gBACjBpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,UAAA,CAAAmB,kCAAQ;IAACT,KAAK,EAAEA,KAAM;IAACI,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,CAAE,CACnD,CAAC;AAEX,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEaC,cAAc","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["HeaderBackIcon","props","templateContext","useTemplateContext","theme","color","colors","gray","dark","height","width","style"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AASA,MAAMA,cAAc,GAAIC,KAAD,IAAkB;EACvC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAACC;EAAD,IAAUF,eAAhB;EAEA,MAAM;IAACG,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaC,IAAb,CAAkBC,IAA3B;IAAiCC,MAAM,GAAG,EAA1C;IAA8CC,KAAK,GAAG,EAAtD;IAA0DC;EAA1D,IAAmEV,KAAzE;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEU;EAAb,gBACE,6BAAC,6CAAD;IAAU,KAAK,EAAEN,KAAjB;IAAwB,MAAM,EAAEI,MAAhC;IAAwC,KAAK,EAAEC;EAA/C,EADF,CADF;AAKD,CAXD;;eAaeV,c"}

package/lib/atom/html/index.native.js

@@ -2,18 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _reactNativeRenderHtml = _interopRequireDefault(require("react-native-render-html"));
+
 var _theme = require("../../variables/theme.native");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../text/index.native"));
-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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const HtmlBase = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNativeRenderHtml.default, props);
 };
+
 const Html = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = (0, _react.useState)(false);
@@ -30,9 +41,8 @@ const Html = props => {
     anchorTextColor = _theme.HTML_ANCHOR_TEXT_COLOR,
     isTextCentered,
     numberOfLines
-  } = props;
+  } = props; // Don't use StyleSheet there, it's not a react style
 
-  // Don't use StyleSheet there, it's not a react style
   const styles = {
     p: {
       marginVertical: 0,
@@ -51,8 +61,7 @@ const Html = props => {
       textDecorationLine: 'line-through'
     }
   };
-  const tagsStyles = {
-    ...styles,
+  const tagsStyles = { ...styles,
     h1: {
       fontSize
     },
@@ -80,23 +89,22 @@ const Html = props => {
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);
+
   if (style) {
     if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => ({
-        ...result,
+      const styleObject = style.reduce((result, child) => ({ ...result,
         ...child
       }));
-      baseFontStyle = {
-        ...baseFontStyle,
+      baseFontStyle = { ...baseFontStyle,
         ...styleObject
       };
     } else {
-      baseFontStyle = {
-        ...baseFontStyle,
+      baseFontStyle = { ...baseFontStyle,
         ...style
       };
     }
   }
+
   const SpanRenderer = (0, _react.useCallback)((htmlAttribs, _children) => /*#__PURE__*/_react.default.createElement(_index.default, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -104,10 +112,10 @@ const Html = props => {
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
+
     return /*#__PURE__*/_react.default.createElement(_index.default, {
       key: 1,
-      style: {
-        ...baseFontStyle,
+      style: { ...baseFontStyle,
         color: htmlAttribs.color?.replace(/ /g, '')
       }
     }, _children);
@@ -119,8 +127,7 @@ const Html = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
     style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement(HtmlBase
-  // to text-align center on android
+  }, /*#__PURE__*/_react.default.createElement(HtmlBase // to text-align center on android
   // we have to encapsulate between <p> tag
   // and use custom style define on <p>
   // definition in component style doesn't work
@@ -130,12 +137,10 @@ const Html = props => {
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
     tagsStyles: tagsStyles,
-    baseFontStyle: {
-      ...baseFontStyle,
+    baseFontStyle: { ...baseFontStyle,
       color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color
     },
-    renderers: renderers
-    // this is exceptionally for the onboarding course
+    renderers: renderers // this is exceptionally for the onboarding course
     // is the only course that has a gif in the context but the img tag
     // comes with width & height attr and these makes this lib do not render the gif
     // so to avoid it, we decided to ignore these attr
@@ -144,5 +149,7 @@ const Html = props => {
     testID: "html-base"
   }));
 };
-var _default = exports.default = Html;
+
+var _default = Html;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}