@coorpacademy/components 10.30.10-alpha.5 → 10.30.10-alpha.7

package/es/atom/picture/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,kDAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,kDAMC"}

package/es/atom/picture/index.js

@@ -26,7 +26,8 @@ const toSetAlt = ({
   alt
 }) => {
   return !alt ? {
-    alt: ''
+    alt: '',
+    'aria-hidden': true
   } : {
     alt
   };
@@ -41,18 +42,13 @@ const Picture = props => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.empty
     });
-  } // if (!(alt)) {
-  //   return <img {...props} {...toSrcSet(props)} alt="" />;
-  // }
-  // return <img {...props} {...toSrcSet(props)} />;
-
+  }
 
   return /*#__PURE__*/React.createElement("img", _extends({}, props, toSrcSet(props), toSetAlt(props)));
 };
 
 Picture.propTypes = process.env.NODE_ENV !== "production" ? {
-  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]) // alt: PropTypes.string
-
+  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)])
 } : {};
 export default Picture;
 //# sourceMappingURL=index.js.map

package/es/atom/picture/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","key","url","toSetAlt","alt","Picture","props","empty","propTypes","oneOfType","objectOf"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = ({src}) => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = ({alt}) => {\n  return !alt ? {alt: ''} : {alt};\n};\n\nconst Picture = props => {\n  const {src} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n\n  // if (!(alt)) {\n  //   return <img {...props} {...toSrcSet(props)} alt=\"\" />;\n  // }\n\n  // return <img {...props} {...toSrcSet(props)} />;\n  return <img {...props} {...toSrcSet(props)} {...toSetAlt(props)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)])\n  // alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,IAAI,CAAC,UAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,MACL,KACE,QADF,EAEE,gBAEE,QAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,KAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,MAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,KAAI,KAAJ,EAAW,KAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,OAAO,CAACA,GAAD,GAAO;IAACA,GAAG,EAAE;EAAN,CAAP,GAAmB;IAACA;EAAD,CAA1B;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN;EAAD,IAAQM,KAAd;;EACA,IAAI,OAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEF,KAAK,CAACS;IAAtB,EAAP;EACD,CAJsB,CAMvB;EACA;EACA;EAEA;;;EACA,oBAAO,wCAASD,KAAT,EAAoBP,QAAQ,CAACO,KAAD,CAA5B,EAAyCH,QAAQ,CAACG,KAAD,CAAjD,EAAP;AACD,CAZD;;AAcAD,OAAO,CAACG,SAAR,2CAAoB;EAClBR,GAAG,EAAEJ,SAAS,CAACa,SAAV,CAAoB,CAACZ,WAAD,EAAcD,SAAS,CAACc,QAAV,CAAmBb,WAAnB,CAAd,CAApB,CADa,CAElB;;AAFkB,CAApB;AAKA,eAAeQ,OAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","key","url","toSetAlt","alt","Picture","props","empty","propTypes","oneOfType","objectOf"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = ({src}) => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = ({alt}) => {\n  return !alt ? {alt: '', 'aria-hidden': true} : {alt};\n};\n\nconst Picture = props => {\n  const {src} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(props)} {...toSetAlt(props)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)])\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,IAAI,CAAC,UAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,MACL,KACE,QADF,EAEE,gBAEE,QAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,KAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,MAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,KAAI,KAAJ,EAAW,KAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,OAAO,CAACA,GAAD,GAAO;IAACA,GAAG,EAAE,EAAN;IAAU,eAAe;EAAzB,CAAP,GAAwC;IAACA;EAAD,CAA/C;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN;EAAD,IAAQM,KAAd;;EACA,IAAI,OAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEF,KAAK,CAACS;IAAtB,EAAP;EACD;;EACD,oBAAO,wCAASD,KAAT,EAAoBP,QAAQ,CAACO,KAAD,CAA5B,EAAyCH,QAAQ,CAACG,KAAD,CAAjD,EAAP;AACD,CAND;;AAQAD,OAAO,CAACG,SAAR,2CAAoB;EAClBR,GAAG,EAAEJ,SAAS,CAACa,SAAV,CAAoB,CAACZ,WAAD,EAAcD,SAAS,CAACc,QAAV,CAAmBb,WAAnB,CAAd,CAApB;AADa,CAApB;AAIA,eAAeQ,OAAf"}

package/es/organism/get-the-app/index.js

@@ -96,15 +96,7 @@ const StoresLinks = ({
   onPlayStoreButtonClick
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.storeLinksContainer
-}, /*#__PURE__*/React.createElement("img", {
-  className: style.img,
-  src: appStoreButtonImageUrl,
-  onClick: onAppStoreButtonClick
-}), /*#__PURE__*/React.createElement("img", {
-  className: style.img,
-  src: playStoreButtonImageUrl,
-  onClick: onPlayStoreButtonClick
-}));
+});
 
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,

package/es/organism/get-the-app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <img src={qrCodeImageUrl} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick\n}) => (\n  <div className={style.storeLinksContainer}>\n    <img className={style.img} src={appStoreButtonImageUrl} onClick={onAppStoreButtonClick} />\n    <img className={style.img} src={playStoreButtonImageUrl} onClick={onPlayStoreButtonClick} />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo height={51} width={250} className={style.coorpAppLogo} />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","storeLinksContainer","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <img src={qrCodeImageUrl} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick\n}) => (\n  <div className={style.storeLinksContainer}>\n    {/* <img className={style.img} src={appStoreButtonImageUrl} onClick={onAppStoreButtonClick} />\n    <img className={style.img} src={playStoreButtonImageUrl} onClick={onPlayStoreButtonClick} /> */}\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo height={51} width={250} className={style.coorpAppLogo} />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}

package/lib/atom/picture/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,kDAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,kDAMC"}

package/lib/atom/picture/index.js

@@ -44,7 +44,8 @@ const toSetAlt = ({
   alt
 }) => {
   return !alt ? {
-    alt: ''
+    alt: '',
+    'aria-hidden': true
   } : {
     alt
   };
@@ -59,18 +60,13 @@ const Picture = props => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.empty
     });
-  } // if (!(alt)) {
-  //   return <img {...props} {...toSrcSet(props)} alt="" />;
-  // }
-  // return <img {...props} {...toSrcSet(props)} />;
-
+  }
 
   return /*#__PURE__*/_react.default.createElement("img", _extends({}, props, toSrcSet(props), toSetAlt(props)));
 };
 
 Picture.propTypes = process.env.NODE_ENV !== "production" ? {
-  src: _propTypes.default.oneOfType([_proptypes.SrcPropType, _propTypes.default.objectOf(_proptypes.SrcPropType)]) // alt: PropTypes.string
-
+  src: _propTypes.default.oneOfType([_proptypes.SrcPropType, _propTypes.default.objectOf(_proptypes.SrcPropType)])
 } : {};
 var _default = Picture;
 exports.default = _default;

package/lib/atom/picture/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toSrcSet","src","key","url","toSetAlt","alt","Picture","props","style","empty","propTypes","PropTypes","oneOfType","SrcPropType","objectOf"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = ({src}) => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = ({alt}) => {\n  return !alt ? {alt: ''} : {alt};\n};\n\nconst Picture = props => {\n  const {src} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n\n  // if (!(alt)) {\n  //   return <img {...props} {...toSrcSet(props)} alt=\"\" />;\n  // }\n\n  // return <img {...props} {...toSrcSet(props)} />;\n  return <img {...props} {...toSrcSet(props)} {...toSetAlt(props)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)])\n  // alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,IAAI,CAAC,wBAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,oBACL,mBACE,QADF,EAEE,uCAEE,sBAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,mBAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,oBAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,mBAAI,KAAJ,EAAW,mBAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,OAAO,CAACA,GAAD,GAAO;IAACA,GAAG,EAAE;EAAN,CAAP,GAAmB;IAACA;EAAD,CAA1B;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN;EAAD,IAAQM,KAAd;;EACA,IAAI,qBAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEO,cAAA,CAAMC;IAAtB,EAAP;EACD,CAJsB,CAMvB;EACA;EACA;EAEA;;;EACA,oBAAO,iDAASF,KAAT,EAAoBP,QAAQ,CAACO,KAAD,CAA5B,EAAyCH,QAAQ,CAACG,KAAD,CAAjD,EAAP;AACD,CAZD;;AAcAD,OAAO,CAACI,SAAR,2CAAoB;EAClBT,GAAG,EAAEU,kBAAA,CAAUC,SAAV,CAAoB,CAACC,sBAAD,EAAcF,kBAAA,CAAUG,QAAV,CAAmBD,sBAAnB,CAAd,CAApB,CADa,CAElB;;AAFkB,CAApB;eAKeP,O"}
+{"version":3,"file":"index.js","names":["toSrcSet","src","key","url","toSetAlt","alt","Picture","props","style","empty","propTypes","PropTypes","oneOfType","SrcPropType","objectOf"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = ({src}) => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = ({alt}) => {\n  return !alt ? {alt: '', 'aria-hidden': true} : {alt};\n};\n\nconst Picture = props => {\n  const {src} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(props)} {...toSetAlt(props)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)])\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,IAAI,CAAC,wBAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,oBACL,mBACE,QADF,EAEE,uCAEE,sBAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,mBAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,oBAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,mBAAI,KAAJ,EAAW,mBAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EAC1B,OAAO,CAACA,GAAD,GAAO;IAACA,GAAG,EAAE,EAAN;IAAU,eAAe;EAAzB,CAAP,GAAwC;IAACA;EAAD,CAA/C;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN;EAAD,IAAQM,KAAd;;EACA,IAAI,qBAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEO,cAAA,CAAMC;IAAtB,EAAP;EACD;;EACD,oBAAO,iDAASF,KAAT,EAAoBP,QAAQ,CAACO,KAAD,CAA5B,EAAyCH,QAAQ,CAACG,KAAD,CAAjD,EAAP;AACD,CAND;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;EAClBT,GAAG,EAAEU,kBAAA,CAAUC,SAAV,CAAoB,CAACC,sBAAD,EAAcF,kBAAA,CAAUG,QAAV,CAAmBD,sBAAnB,CAAd,CAApB;AADa,CAApB;eAIeP,O"}

package/lib/organism/get-the-app/index.js

@@ -107,15 +107,7 @@ const StoresLinks = ({
   onPlayStoreButtonClick
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.storeLinksContainer
-}, /*#__PURE__*/_react.default.createElement("img", {
-  className: _style.default.img,
-  src: appStoreButtonImageUrl,
-  onClick: onAppStoreButtonClick
-}), /*#__PURE__*/_react.default.createElement("img", {
-  className: _style.default.img,
-  src: playStoreButtonImageUrl,
-  onClick: onPlayStoreButtonClick
-}));
+});
 
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,

package/lib/organism/get-the-app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <img src={qrCodeImageUrl} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick\n}) => (\n  <div className={style.storeLinksContainer}>\n    <img className={style.img} src={appStoreButtonImageUrl} onClick={onAppStoreButtonClick} />\n    <img className={style.img} src={playStoreButtonImageUrl} onClick={onPlayStoreButtonClick} />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo height={51} width={250} className={style.coorpAppLogo} />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","storeLinksContainer","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <img src={qrCodeImageUrl} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick\n}) => (\n  <div className={style.storeLinksContainer}>\n    {/* <img className={style.img} src={appStoreButtonImageUrl} onClick={onAppStoreButtonClick} />\n    <img className={style.img} src={playStoreButtonImageUrl} onClick={onPlayStoreButtonClick} /> */}\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo height={51} width={250} className={style.coorpAppLogo} />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.30.10-alpha.5+0324eef5c",
+  "version": "10.30.10-alpha.7+e8798562f",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -158,5 +158,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "0324eef5c107133c4c2d4401b8fb83aaafc342e2"
+  "gitHead": "e8798562ffa9f66e9d5d9c7b4227005f7378ac2e"
 }