@coorpacademy/components 11.9.3-alpha.25.24 → 11.9.3-alpha.29

package/es/molecule/setup-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/setup-slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return (\n          <div className={style.imageUploadContainer}>\n            <ImageUpload {...field} />\n          </div>\n        );\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/setup-slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return (\n          <div className={style.imageUploadContainer}>\n            <ImageUpload {...field} />\n          </div>\n        );\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"mappings":"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"}

package/es/molecule/setup-slider/index.js

@@ -1,31 +1,25 @@
 import _map from "lodash/fp/map";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import SetupSlide from '../setup-slide';
 import Accordion from '../../organism/accordion/toggler';
-
 const SetupSlider = props => {
   const {
     tabProps = [],
     slides = []
   } = props;
-
   const slidesView = _map.convert({
     cap: false
   })((slide, key) => /*#__PURE__*/React.createElement(SetupSlide, _extends({}, slide, {
     key: key
   })), slides);
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Accordion, {
     tabProps: tabProps,
     type: 'all',
     theme: 'setup'
   }, slidesView));
 };
-
 SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),
   slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))

package/es/molecule/setup-slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SetupSlide","Accordion","SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","arrayOf","shape"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const slidesView = map.convert({cap: false})(\n    (slide, key) => <SetupSlide {...slide} key={key} />,\n    slides\n  );\n  return (\n    <div>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nSetupSlider.propTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))\n};\n\nexport default SetupSlider;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,UAAU,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACjB,CAACC,KAAD,EAAQC,GAAR,kBAAgB,oBAAC,UAAD,eAAgBD,KAAhB;IAAuB,GAAG,EAAEC;EAA5B,GADC,EAEjBL,MAFiB,CAAnB;;EAIA,oBACE,8CACE,oBAAC,SAAD;IAAW,QAAQ,EAAED,QAArB;IAA+B,IAAI,EAAE,KAArC;IAA4C,KAAK,EAAE;EAAnD,GACGE,UADH,CADF,CADF;AAOD,CAbD;;AAeAJ,WAAW,CAACS,SAAZ,2CAAwB;EACtBP,QAAQ,EAAEL,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBZ,SAAS,CAACU,SAA1B,CAAlB,CADY;EAEtBN,MAAM,EAAEN,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,UAAU,CAACW,SAA3B,CAAlB;AAFc,CAAxB;AAKA,eAAeT,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SetupSlide","Accordion","SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","arrayOf","shape"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const slidesView = map.convert({cap: false})(\n    (slide, key) => <SetupSlide {...slide} key={key} />,\n    slides\n  );\n  return (\n    <div>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nSetupSlider.propTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))\n};\n\nexport default SetupSlider;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,SAAS,MAAM,kCAAkC;AAExD,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAE;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAC1C,MAAMG,UAAU,GAAG,KAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAC1C,CAACC,KAAK,EAAEC,GAAG,kBAAK,oBAAC,UAAU,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG,EACnDL,MAAM,CACP;EACD,oBACE,8CACE,oBAAC,SAAS;IAAC,QAAQ,EAAED,QAAS;IAAC,IAAI,EAAE,KAAM;IAAC,KAAK,EAAE;EAAQ,GACxDE,UAAU,CACD,CACR;AAEV,CAAC;AAEDJ,WAAW,CAACS,SAAS,2CAAG;EACtBP,QAAQ,EAAEL,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAACZ,SAAS,CAACU,SAAS,CAAC,CAAC;EACjEN,MAAM,EAAEN,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAACb,UAAU,CAACW,SAAS,CAAC;AACjE,CAAC;AAED,eAAeT,WAAW"}

package/es/molecule/share/index.js

@@ -9,7 +9,6 @@ const SHARE_STATUS = {
   ERROR: 'ERROR',
   SUCCESS: 'SUCCESS'
 };
-
 const copyTextViaExecCommand = text => {
   const textarea = document.createElement('textarea');
   textarea.style.border = '0';
@@ -17,12 +16,12 @@ const copyTextViaExecCommand = text => {
   textarea.style.visibility = 'hidden';
   textarea.style.position = 'absolute';
   textarea.setAttribute('readonly', '');
-  textarea.value = text; // Element.append is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-append
+  textarea.value = text;
 
+  // Element.append is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-append
   document.body.appendChild(textarea);
   let status = SHARE_STATUS.IDLE;
-
   try {
     textarea.select();
     textarea.setSelectionRange(0, textarea.value.length);
@@ -30,14 +29,13 @@ const copyTextViaExecCommand = text => {
     status = SHARE_STATUS.SUCCESS;
   } catch (error) {
     status = SHARE_STATUS.ERROR;
-  } // Element.remove is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-remove
-
+  }
 
+  // Element.remove is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-remove
   document.body.removeChild(textarea);
   return status;
 };
-
 const StatusContext = /*#__PURE__*/React.createContext(SHARE_STATUS.IDLE);
 export const ShareStatusProvider = ({
   children
@@ -46,11 +44,9 @@ export const ShareStatusProvider = ({
   useEffect(() => {
     let timeoutId;
     const DURATION = 3000;
-
     if (status !== SHARE_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);
     }
-
     return () => clearTimeout(timeoutId);
   }, [status]);
   const value = useMemo(() => [status, setStatus], [status]);
@@ -80,7 +76,6 @@ export const ShareFeedback = ({
     role: "alert"
   }, errorWording));
 };
-
 const Share = ({
   style,
   text,
@@ -89,7 +84,6 @@ const Share = ({
   const [, setStatus] = useContext(StatusContext);
   const onClick = useCallback(async () => {
     const browserSupportsClipboardWriteText = 'clipboard' in navigator && 'writeText' in navigator.clipboard;
-
     if (browserSupportsClipboardWriteText) {
       try {
         await navigator.clipboard.writeText(text);
@@ -97,13 +91,11 @@ const Share = ({
       } catch (error) {
         setStatus(SHARE_STATUS.ERROR);
       }
-
       return;
     } else {
       const copyStatus = copyTextViaExecCommand(text);
       setStatus(copyStatus);
     }
-
     return;
   }, [setStatus, text]);
   return /*#__PURE__*/React.createElement("div", {
@@ -120,7 +112,6 @@ const Share = ({
     height: 18
   }), /*#__PURE__*/React.createElement("p", null, wording))));
 };
-
 ShareStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}

package/es/molecule/skill-card/index.js

@@ -5,12 +5,10 @@ import getOr from 'lodash/fp/getOr';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const getGradientBackground = baseColor => {
   const gradients = [convert(`color(${baseColor} lightness(30%))`), convert(`color(${baseColor} lightness(47%))`), convert(`color(${baseColor} lightness(55%))`)];
   return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
 };
-
 const SkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -71,7 +69,6 @@ const SkillCard = (props, context) => {
     "data-name": "button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps))));
 };
-
 SkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default SkillCard;
 //# sourceMappingURL=index.js.map

package/es/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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"}

package/es/molecule/skill-card/index.native.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { View, Pressable, StyleSheet, Text } from 'react-native';
 import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const createStyleSheet = theme => StyleSheet.create({
   skill: {
     display: 'flex',
@@ -33,7 +32,6 @@ const createStyleSheet = theme => StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
-
 const SkillCard = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -50,14 +48,11 @@ const SkillCard = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Pressable, {
     style: styleSheet.skill,
     onPress: onClick,
@@ -77,6 +72,5 @@ const SkillCard = props => {
     width: 20
   }));
 };
-
 export default SkillCard;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/skill-card/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,IAArC,QAAsE,cAAtE;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAWA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAET,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEb,KAAK,CAACc,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAEjB,KAAK,CAACc,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAae,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJR,KADF;EAGAzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEA,UAAU,CAAChC,KADpB;IAEE,OAAO,EAAEqC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACf;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEe,UAAU,CAACb,UAAxB;IAAoC,kBAAkB,EAAEe,cAAc,IAAIf;EAA1E,GACGA,UADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEa,UAAU,CAACL,SAAxB;IAAmC,kBAAkB,EAAES;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,oBAAC,UAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;AAoCA,eAAeN,SAAf"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAA6B,cAAc;AACpF,SAAQC,mCAAmC,IAAIC,UAAU,QAAO,0BAA0B;AAC1F,SAAQC,kBAAkB,QAAO,4CAA4C;AAW7E,MAAMC,gBAAgB,GAAIC,KAAY,IACpCN,UAAU,CAACO,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC,IAAI,CAACC,OAAO;IAC1CC,SAAS,EAAEb,KAAK,CAACc,OAAO,CAACC,KAAK;IAC9BC,YAAY,EAAEhB,KAAK,CAACc,OAAO,CAACC,KAAK;IACjCE,OAAO,EAAEjB,KAAK,CAACc,OAAO,CAACI;EACzB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPhB,aAAa,EAAE;EACjB,CAAC;EACDiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEzB,KAAK,CAACU,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCX,YAAY,EAAEhB,KAAK,CAACc,OAAO,CAACc;EAC9B,CAAC;EACDC,SAAS,EAAE;IACTP,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEzB,KAAK,CAACU,MAAM,CAACC,IAAI,CAACmB;EAC3B;AACF,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAAE;EAC5C,MAAM,CAACoC,UAAU,EAAEC,aAAa,CAAC,GAAG7C,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACU;EAAK,CAAC,GAAGiC,eAAe;EAC/B,MAAM;IAACZ,UAAU;IAAEe,cAAc;IAAEC,WAAW;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAe,CAAC,GACxFR,KAAK;EAEPzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAK,CAAC;IAC3CmC,aAAa,CAACM,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzC,KAAK,CAAC,CAAC;EAEX,IAAI,CAACkC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,SAAS;IACR,KAAK,EAAEA,UAAU,CAAChC,KAAM;IACxB,OAAO,EAAEqC,OAAQ;IACjB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEC;EAAgB,gBAEpC,oBAAC,IAAI;IAAC,KAAK,EAAEN,UAAU,CAACf;EAAW,gBACjC,oBAAC,IAAI;IAAC,KAAK,EAAEe,UAAU,CAACb,UAAW;IAAC,kBAAkB,EAAEe,cAAc,IAAIf;EAAW,GAClFA,UAAU,CACN,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEa,UAAU,CAACL,SAAU;IAAC,kBAAkB,EAAES;EAAgB,GACpED,WAAW,CACP,CACF,eACP,oBAAC,UAAU;IAAC,KAAK,EAAC,SAAS;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;EAAG,EAAG,CAC3C;AAEhB,CAAC;AAED,eAAeN,SAAS"}

package/es/molecule/skill-card/prop-types.d.ts

@@ -11,7 +11,7 @@ declare const propTypes: {
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export default propTypes;
-export declare type SkillCardProps = {
+export type SkillCardProps = {
     'aria-label': string;
     skillTitle: string;
     skillAriaLabel: string;

package/es/molecule/skill-card/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/es/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,SAAS,CAACE,MADR;EAEhBC,UAAU,EAAEH,SAAS,CAACE,MAFN;EAGhBE,cAAc,EAAEJ,SAAS,CAACE,MAHV;EAIhBG,WAAW,EAAEL,SAAS,CAACE,MAJP;EAKhBI,eAAe,EAAEN,SAAS,CAACE,MALX;EAMhBK,WAAW,EAAEP,SAAS,CAACE,MANP;EAOhBM,eAAe,EAAER,SAAS,CAACE,MAPX;EAQhBO,QAAQ,EAAET,SAAS,CAACU,IARJ;EAShBC,OAAO,EAAEX,SAAS,CAACY;AATH,CAAlB;AAYA,eAAeX,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9BC,UAAU,EAAEH,SAAS,CAACE,MAAM;EAC5BE,cAAc,EAAEJ,SAAS,CAACE,MAAM;EAChCG,WAAW,EAAEL,SAAS,CAACE,MAAM;EAC7BI,eAAe,EAAEN,SAAS,CAACE,MAAM;EACjCK,WAAW,EAAEP,SAAS,CAACE,MAAM;EAC7BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,QAAQ,EAAET,SAAS,CAACU,IAAI;EACxBC,OAAO,EAAEX,SAAS,CAACY;AACrB,CAAC;AAED,eAAeX,SAAS"}

package/es/molecule/ssmenu-list/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
-
 const SsMenuList = props => {
   const {
     items = []
@@ -19,7 +18,6 @@ const SsMenuList = props => {
     className: style.list
   }, itemsView);
 };
-
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,

package/es/molecule/ssmenu-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","item","list","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAT,IAAeD,KAArB;EACA,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,CAAC;IAACC,KAAD;IAAQC;EAAR,CAAD,EAAgBC,KAAhB,kBAC1B;IAAI,GAAG,EAAEA,KAAT;IAAgB,SAAS,EAAER,KAAK,CAACS;EAAjC,gBACE;IAAG,IAAI,EAAEF;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEN,KAAK,CAACU;EAArB,GAA4BN,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACU,SAAX,2CAAuB;EACrBR,KAAK,EAAEJ,SAAS,CAACa,OAAV,CACLb,SAAS,CAACc,KAAV,CAAgB;IACdN,IAAI,EAAER,SAAS,CAACe,MADF;IAEdR,KAAK,EAAEP,SAAS,CAACe;EAFH,CAAhB,CADK;AADc,CAAvB;AASA,eAAeb,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","item","list","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAE,CAAC,GAAGD,KAAK;EAC1B,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAG,CAAC,CAAC;IAACC,KAAK;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBAC/C;IAAI,GAAG,EAAEA,KAAM;IAAC,SAAS,EAAER,KAAK,CAACS;EAAK,gBACpC;IAAG,IAAI,EAAEF;EAAK,GAAED,KAAK,CAAK,CAE7B,CAAC;EAEF,oBAAO;IAAI,SAAS,EAAEN,KAAK,CAACU;EAAK,GAAEN,SAAS,CAAM;AACpD,CAAC;AAEDH,UAAU,CAACU,SAAS,2CAAG;EACrBR,KAAK,EAAEJ,SAAS,CAACa,OAAO,CACtBb,SAAS,CAACc,KAAK,CAAC;IACdN,IAAI,EAAER,SAAS,CAACe,MAAM;IACtBR,KAAK,EAAEP,SAAS,CAACe;EACnB,CAAC,CAAC;AAEN,CAAC;AAED,eAAeb,UAAU"}

package/es/molecule/subscription-freemium/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -22,7 +21,6 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
-
 SubscriptionFreemiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/subscription-freemium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","childContextTypes","propTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,GACGF,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACQ;EAAtB,GACGH,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEL,KAAK,CAACS,0BAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACS,YAA5B,GAA2C;EACzCL,SAAS,EAAEN,QAAQ,CAACY,iBAAT,CAA2BN;AADG,CAA3C;AAIAJ,2BAA2B,CAACW,SAA5B,2CAAwC;EACtCR,iCAAiC,EAAEN,SAAS,CAACe;AADP,CAAxC;AAIA,eAAeZ,2BAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","childContextTypes","propTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,2BAA2B,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtD,MAAM;IAACC;EAAiC,CAAC,GAAGF,KAAK;EACjD,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACM;EAAqB,gBACzC;IAAK,SAAS,EAAEN,KAAK,CAACO;EAA0B,GAC7CF,SAAS,CAAC,6BAA6B,CAAC,CACrC,eACN;IAAK,SAAS,EAAEL,KAAK,CAACQ;EAA4B,GAC/CH,SAAS,CAAC,mCAAmC,CAAC,CAC3C,eACN;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEL,KAAK,CAACS,0BAA2B;IAC5C,OAAO,EAAEL;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CAAC,CACnC,CACL;AAEV,CAAC;AAEDJ,2BAA2B,CAACS,YAAY,GAAG;EACzCL,SAAS,EAAEN,QAAQ,CAACY,iBAAiB,CAACN;AACxC,CAAC;AAEDJ,2BAA2B,CAACW,SAAS,2CAAG;EACtCR,iCAAiC,EAAEN,SAAS,CAACe;AAC/C,CAAC;AAED,eAAeZ,2BAA2B"}

package/es/molecule/subscription-premium/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const PremiumDescription = ({
   date,
   price
@@ -16,7 +15,6 @@ const PremiumDescription = ({
     className: style.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
-
 PremiumDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -24,7 +22,6 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string,
   price: PropTypes.string
 } : {};
-
 const PromoCodeDescription = ({
   date
 }, {
@@ -40,14 +37,12 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
-
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -77,7 +72,6 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
-
 SubscriptionPremiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/subscription-premium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}