@coorpacademy/components 10.30.11-alpha.1 → 10.30.11-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/es/organism/get-the-app/index.d.ts +22 -29
  2. package/es/organism/get-the-app/index.d.ts.map +1 -1
  3. package/es/organism/get-the-app/index.js +19 -8
  4. package/es/organism/get-the-app/index.js.map +1 -1
  5. package/lib/organism/get-the-app/index.d.ts +22 -29
  6. package/lib/organism/get-the-app/index.d.ts.map +1 -1
  7. package/lib/organism/get-the-app/index.js +19 -8
  8. package/lib/organism/get-the-app/index.js.map +1 -1
  9. package/package.json +2 -2
package/es/organism/get-the-app/index.d.ts CHANGED
@@ -1,51 +1,44 @@
1
1
  export default GetTheApp;
2
2
  declare function GetTheApp(props: any, context: any): JSX.Element;
3
3
  declare namespace GetTheApp {
4
- namespace propTypes {
5
- export const magicLinkUrl: PropTypes.Requireable<string>;
6
- export const disabled: PropTypes.Requireable<boolean>;
7
- export const submitValue: PropTypes.Requireable<string>;
8
- import diviserWord = word;
9
- export { diviserWord };
10
- export const showMobileAppAccess: PropTypes.Requireable<boolean>;
11
- export const qrCodeImageUrl: PropTypes.Requireable<string>;
12
- export const preMessage: PropTypes.Requireable<string>;
13
- export const linkMessage: PropTypes.Requireable<string>;
14
- export const endMessage: PropTypes.Requireable<string>;
15
- export const storeStep: PropTypes.Requireable<PropTypes.InferProps<{
4
+ const propTypes: {
5
+ magicLinkUrl: PropTypes.Requireable<string>;
6
+ disabled: PropTypes.Requireable<boolean>;
7
+ submitValue: PropTypes.Requireable<string>;
8
+ diviserWord: PropTypes.Requireable<string>;
9
+ showMobileAppAccess: PropTypes.Requireable<boolean>;
10
+ qrCodeImageUrl: PropTypes.Requireable<string>;
11
+ preMessage: PropTypes.Requireable<string>;
12
+ linkMessage: PropTypes.Requireable<string>;
13
+ endMessage: PropTypes.Requireable<string>;
14
+ qrCodeImageAlt: PropTypes.Requireable<string>;
15
+ storeStep: PropTypes.Requireable<PropTypes.InferProps<{
16
16
  step: PropTypes.Requireable<string>;
17
17
  header: PropTypes.Requireable<string>;
18
18
  subHeader: PropTypes.Requireable<string>;
19
19
  }>>;
20
- export const connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
20
+ connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
21
21
  step: PropTypes.Requireable<string>;
22
22
  header: PropTypes.Requireable<string>;
23
23
  subHeader: PropTypes.Requireable<string>;
24
24
  }>>;
25
- export const qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
25
+ qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
26
26
  step: PropTypes.Requireable<string>;
27
27
  header: PropTypes.Requireable<string>;
28
28
  subHeader: PropTypes.Requireable<string>;
29
29
  }>>;
30
- export const magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
30
+ magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
31
31
  step: PropTypes.Requireable<string>;
32
32
  header: PropTypes.Requireable<string>;
33
33
  subHeader: PropTypes.Requireable<string>;
34
34
  }>>;
35
- export const onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
36
- export const appStoreButtonImageUrl: PropTypes.Requireable<string>;
37
- export const playStoreButtonImageUrl: PropTypes.Requireable<string>;
38
- export const onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
39
- }
35
+ onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
36
+ appStoreButtonImageUrl: PropTypes.Requireable<string>;
37
+ playStoreButtonImageUrl: PropTypes.Requireable<string>;
38
+ onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
39
+ 'android-alt': PropTypes.Requireable<string>;
40
+ 'ios-alt': PropTypes.Requireable<string>;
41
+ };
40
42
  }
41
43
  import PropTypes from "prop-types";
42
- declare function Divider({ word }: {
43
- word: any;
44
- }): JSX.Element;
45
- declare namespace Divider {
46
- export namespace propTypes_1 {
47
- const word: PropTypes.Requireable<string>;
48
- }
49
- export { propTypes_1 as propTypes };
50
- }
51
44
  //# sourceMappingURL=index.d.ts.map
package/es/organism/get-the-app/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAoIA,kEA+DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3ED;;gBAMC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAwIA,kEAqEC"}
package/es/organism/get-the-app/index.js CHANGED
@@ -38,12 +38,14 @@ const QrCodeImage = ({
38
38
  qrCodeImageUrl,
39
39
  preMessage,
40
40
  linkMessage,
41
- endMessage
41
+ endMessage,
42
+ qrCodeImageAlt
42
43
  }) => {
43
44
  return /*#__PURE__*/React.createElement("div", {
44
45
  className: style.qrcodeWrapper
45
- }, /*#__PURE__*/React.createElement("img", {
46
- src: qrCodeImageUrl
46
+ }, /*#__PURE__*/React.createElement(Picture, {
47
+ src: qrCodeImageUrl,
48
+ alt: qrCodeImageAlt
47
49
  }), showMobileAppAccess ? /*#__PURE__*/React.createElement("div", {
48
50
  className: style.qrcodeOverlay
49
51
  }, /*#__PURE__*/React.createElement("div", {
@@ -59,7 +61,8 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
59
61
  qrCodeImageUrl: PropTypes.string,
60
62
  preMessage: PropTypes.string,
61
63
  linkMessage: PropTypes.string,
62
- endMessage: PropTypes.string
64
+ endMessage: PropTypes.string,
65
+ qrCodeImageAlt: PropTypes.string
63
66
  } : {};
64
67
 
65
68
  const MagicLink = ({
@@ -115,7 +118,9 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
115
118
  onAppStoreButtonClick: PropTypes.func,
116
119
  appStoreButtonImageUrl: PropTypes.string,
117
120
  playStoreButtonImageUrl: PropTypes.string,
118
- onPlayStoreButtonClick: PropTypes.func
121
+ onPlayStoreButtonClick: PropTypes.func,
122
+ 'android-alt': PropTypes.string,
123
+ 'ios-alt': PropTypes.string
119
124
  } : {};
120
125
 
121
126
  const Divider = ({
@@ -150,7 +155,10 @@ const GetTheApp = (props, context) => {
150
155
  submitValue,
151
156
  preMessage,
152
157
  linkMessage,
153
- endMessage
158
+ endMessage,
159
+ 'android-alt': androidAlt,
160
+ 'ios-alt': iosAlt,
161
+ qrCodeImageAlt
154
162
  } = props;
155
163
  const {
156
164
  skin
@@ -172,7 +180,9 @@ const GetTheApp = (props, context) => {
172
180
  onAppStoreButtonClick: onAppStoreButtonClick,
173
181
  appStoreButtonImageUrl: appStoreButtonImageUrl,
174
182
  playStoreButtonImageUrl: playStoreButtonImageUrl,
175
- onPlayStoreButtonClick: onPlayStoreButtonClick
183
+ onPlayStoreButtonClick: onPlayStoreButtonClick,
184
+ "android-alt": androidAlt,
185
+ "ios-alt": iosAlt
176
186
  })), /*#__PURE__*/React.createElement("div", {
177
187
  className: style.secondStepWrapper
178
188
  }, /*#__PURE__*/React.createElement(Header, connectionStep), /*#__PURE__*/React.createElement("div", {
@@ -184,7 +194,8 @@ const GetTheApp = (props, context) => {
184
194
  qrCodeImageUrl: qrCodeImageUrl,
185
195
  preMessage: preMessage,
186
196
  linkMessage: linkMessage,
187
- endMessage: endMessage
197
+ endMessage: endMessage,
198
+ qrCodeImageAlt: qrCodeImageAlt
188
199
  })), /*#__PURE__*/React.createElement(Divider, {
189
200
  word: diviserWord
190
201
  }), /*#__PURE__*/React.createElement("div", {
package/es/organism/get-the-app/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","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","androidAlt","iosAlt","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 Picture from '../../atom/picture';\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 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\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":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,oCAAoC,IAAIC,SAD1C,EAEEC,mCAAmC,IAAIC,YAFzC,QAGO,0BAHP;AAKA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,IAAD;EAAOC,MAAP;EAAeC;AAAf,CAAD,kBACb;EAAK,SAAS,EAAEJ,KAAK,CAACK;AAAtB,GACGH,IAAI,gBACH;EAAK,SAAS,EAAEF,KAAK,CAACM;AAAtB,gBACE;EAAI,SAAS,EAAEN,KAAK,CAACE;AAArB,GAA4BA,IAA5B,CADF,eAEE;EAAI,SAAS,EAAEF,KAAK,CAACG;AAArB,GAA8BA,MAA9B,CAFF,CADG,gBAMH;EAAI,SAAS,EAAEH,KAAK,CAACG;AAArB,GAA8BA,MAA9B,MAPJ,EASGC,SAAS,gBAAG;EAAI,SAAS,EAAEJ,KAAK,CAACI;AAArB,GAAiCA,SAAjC,MAAH,GAAuD,IATnE,CADF;;AAcAH,MAAM,CAACM,SAAP,2CAAmB;EACjBL,IAAI,EAAET,SAAS,CAACe,MADC;EAEjBL,MAAM,EAAEV,SAAS,CAACe,MAFD;EAGjBJ,SAAS,EAAEX,SAAS,CAACe;AAHJ,CAAnB;;AAMA,MAAMC,WAAW,GAAG,CAAC;EACnBC,mBADmB;EAEnBC,cAFmB;EAGnBC,UAHmB;EAInBC,WAJmB;EAKnBC;AALmB,CAAD,KAMd;EACJ,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe;EAAtB,gBACE;IAAK,GAAG,EAAEJ;EAAV,EADF,EAEGD,mBAAmB,gBAClB;IAAK,SAAS,EAAEV,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,kCAAOL,UAAP,MADF,eAEE;IAAG,IAAI,EAAC,oCAAR;IAA6C,SAAS,EAAEZ,KAAK,CAACkB;EAA9D,gBACE,kCAAOL,WAAP,MADF,CAFF,eAKE,kCAAOC,UAAP,MALF,CADF,CADkB,GAUhB,IAZN,CADF;AAgBD,CAvBD;;AAwBAL,WAAW,CAACF,SAAZ,2CAAwB;EACtBG,mBAAmB,EAAEjB,SAAS,CAAC0B,IADT;EAEtBR,cAAc,EAAElB,SAAS,CAACe,MAFJ;EAGtBI,UAAU,EAAEnB,SAAS,CAACe,MAHA;EAItBK,WAAW,EAAEpB,SAAS,CAACe,MAJD;EAKtBM,UAAU,EAAErB,SAAS,CAACe;AALA,CAAxB;;AAQA,MAAMY,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,WAAX;EAAwBC,YAAxB;EAAsCC;AAAtC,CAAD,KAAkD;EAClE,oBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB;EAAtB,gBACE,oBAAC,MAAD;IACE,KAAK,EAAED,KADT;IAEE,QAAQ,EAAEH,QAFZ;IAGE,cAAc,EAAEA,QAHlB;IAIE,IAAI,EAAEE,YAJR;IAKE,IAAI,EAAC,MALP;IAME,WAAW,EAAE;EANf,gBAQE;IAAK,SAAS,EAAEvB,KAAK,CAAC0B;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAE1B,KAAK,CAAC2B;EAA5B,EADF,eAEE,+BAAIL,WAAJ,CAFF,CARF,CADF,CADF;AAiBD,CAlBD;;AAoBAF,SAAS,CAACb,SAAV,2CAAsB;EACpBgB,YAAY,EAAE9B,SAAS,CAACe,MADJ;EAEpBa,QAAQ,EAAE5B,SAAS,CAAC0B,IAFA;EAGpBG,WAAW,EAAE7B,SAAS,CAACe;AAHH,CAAtB;;AAMA,MAAMoB,WAAW,GAAG,CAAC;EACnBC,qBADmB;EAEnBC,sBAFmB;EAGnBC,uBAHmB;EAInBC,sBAJmB;EAKnB,eAAeC,UALI;EAMnB,WAAWC;AANQ,CAAD,kBAQlB;EAAK,SAAS,EAAElC,KAAK,CAACmC;AAAtB,gBACE,oBAAC,OAAD;EACE,SAAS,EAAEnC,KAAK,CAACoC,GADnB;EAEE,GAAG,EAAEN,sBAFP;EAGE,OAAO,EAAED,qBAHX;EAIE,GAAG,EAAEK;AAJP,EADF,eAOE,oBAAC,OAAD;EACE,SAAS,EAAElC,KAAK,CAACoC,GADnB;EAEE,GAAG,EAAEL,uBAFP;EAGE,OAAO,EAAEC,sBAHX;EAIE,GAAG,EAAEC;AAJP,EAPF,CARF;;AAwBAL,WAAW,CAACrB,SAAZ,2CAAwB;EACtBsB,qBAAqB,EAAEpC,SAAS,CAAC4C,IADX;EAEtBP,sBAAsB,EAAErC,SAAS,CAACe,MAFZ;EAGtBuB,uBAAuB,EAAEtC,SAAS,CAACe,MAHb;EAItBwB,sBAAsB,EAAEvC,SAAS,CAAC4C;AAJZ,CAAxB;;AAOA,MAAMC,OAAO,GAAG,CAAC;EAACC;AAAD,CAAD,kBACd;EAAK,SAAS,EAAEvC,KAAK,CAACwC;AAAtB,gBACE;EAAK,SAAS,EAAExC,KAAK,CAACyC;AAAtB,EADF,eAEE,+BAAIF,IAAJ,CAFF,eAGE;EAAK,SAAS,EAAEvC,KAAK,CAACyC;AAAtB,EAHF,CADF;;AAQAH,OAAO,CAAC/B,SAAR,2CAAoB;EAClBgC,IAAI,EAAE9C,SAAS,CAACe;AADE,CAApB;;AAIA,MAAMkC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJf,qBADI;IAEJC,sBAFI;IAGJC,uBAHI;IAIJC,sBAJI;IAKJa,SALI;IAMJC,cANI;IAOJC,UAPI;IAQJC,aARI;IASJC,WATI;IAUJtC,cAVI;IAWJY,YAXI;IAYJF,QAZI;IAaJX,mBAbI;IAcJY,WAdI;IAeJV,UAfI;IAgBJC,WAhBI;IAiBJC;EAjBI,IAkBF6B,KAlBJ;EAmBA,MAAM;IAACO;EAAD,IAASN,OAAf;;EACA,MAAMO,YAAY,GAAG,KAAI,gBAAJ,EAAsBD,IAAtB,CAArB;;EACA,oBACE;IAAK,SAAS,EAAElD,KAAK,CAACoD;EAAtB,gBACE;IAAK,SAAS,EAAEpD,KAAK,CAACqD;EAAtB,gBACE,oBAAC,YAAD;IAAc,MAAM,EAAE,EAAtB;IAA0B,KAAK,EAAE,GAAjC;IAAsC,SAAS,EAAErD,KAAK,CAACsD;EAAvD,EADF,CADF,eAIE;IAAK,SAAS,EAAEtD,KAAK,CAACuD;EAAtB,gBACE,oBAAC,MAAD,EAAYV,SAAZ,CADF,eAEE,oBAAC,WAAD;IACE,qBAAqB,EAAEhB,qBADzB;IAEE,sBAAsB,EAAEC,sBAF1B;IAGE,uBAAuB,EAAEC,uBAH3B;IAIE,sBAAsB,EAAEC;EAJ1B,EAFF,CAJF,eAaE;IAAK,SAAS,EAAEhC,KAAK,CAACwD;EAAtB,gBACE,oBAAC,MAAD,EAAYV,cAAZ,CADF,eAEE;IAAK,SAAS,EAAE9C,KAAK,CAACyD;EAAtB,gBACE;IAAK,SAAS,EAAEzD,KAAK,CAAC0D;EAAtB,gBACE,oBAAC,MAAD,EAAYX,UAAZ,CADF,eAEE,oBAAC,WAAD;IACE,mBAAmB,EAAErC,mBADvB;IAEE,cAAc,EAAEC,cAFlB;IAGE,UAAU,EAAEC,UAHd;IAIE,WAAW,EAAEC,WAJf;IAKE,UAAU,EAAEC;EALd,EAFF,CADF,eAWE,oBAAC,OAAD;IAAS,IAAI,EAAEmC;EAAf,EAXF,eAYE;IAAK,SAAS,EAAEjD,KAAK,CAAC0D;EAAtB,gBACE,oBAAC,MAAD,EAAYV,aAAZ,CADF,eAEE,oBAAC,SAAD;IACE,KAAK,EAAEG,YADT;IAEE,WAAW,EAAE7B,WAFf;IAGE,QAAQ,EAAED,QAHZ;IAIE,YAAY,EAAEE;EAJhB,EAFF,CAZF,CAFF,CAbF,CADF;AAyCD,CA/DD;;AAiEAmB,SAAS,CAACnC,SAAV,wDACKqB,WAAW,CAACrB,SADjB;EAEEsC,SAAS,EAAEpD,SAAS,CAACkE,KAAV,CAAgB1D,MAAM,CAACM,SAAvB,CAFb;EAGEuC,cAAc,EAAErD,SAAS,CAACkE,KAAV,CAAgB1D,MAAM,CAACM,SAAvB,CAHlB;EAIEwC,UAAU,EAAEtD,SAAS,CAACkE,KAAV,CAAgB1D,MAAM,CAACM,SAAvB,CAJd;EAKEyC,aAAa,EAAEvD,SAAS,CAACkE,KAAV,CAAgB1D,MAAM,CAACM,SAAvB;AALjB,GAMKE,WAAW,CAACF,SANjB;EAOE0C,WAAW,EAAEX,OAAO,CAAC/B,SAAR,CAAkBgC;AAPjC,GAQKnB,SAAS,CAACb,SARf;AAWA,eAAemC,SAAf"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","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 Picture from '../../atom/picture';\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 qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\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 qrCodeImageAlt: 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 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\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 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt\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 android-alt={androidAlt}\n ios-alt={iosAlt}\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 qrCodeImageAlt={qrCodeImageAlt}\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/organism/get-the-app/index.d.ts CHANGED
@@ -1,51 +1,44 @@
1
1
  export default GetTheApp;
2
2
  declare function GetTheApp(props: any, context: any): JSX.Element;
3
3
  declare namespace GetTheApp {
4
- namespace propTypes {
5
- export const magicLinkUrl: PropTypes.Requireable<string>;
6
- export const disabled: PropTypes.Requireable<boolean>;
7
- export const submitValue: PropTypes.Requireable<string>;
8
- import diviserWord = word;
9
- export { diviserWord };
10
- export const showMobileAppAccess: PropTypes.Requireable<boolean>;
11
- export const qrCodeImageUrl: PropTypes.Requireable<string>;
12
- export const preMessage: PropTypes.Requireable<string>;
13
- export const linkMessage: PropTypes.Requireable<string>;
14
- export const endMessage: PropTypes.Requireable<string>;
15
- export const storeStep: PropTypes.Requireable<PropTypes.InferProps<{
4
+ const propTypes: {
5
+ magicLinkUrl: PropTypes.Requireable<string>;
6
+ disabled: PropTypes.Requireable<boolean>;
7
+ submitValue: PropTypes.Requireable<string>;
8
+ diviserWord: PropTypes.Requireable<string>;
9
+ showMobileAppAccess: PropTypes.Requireable<boolean>;
10
+ qrCodeImageUrl: PropTypes.Requireable<string>;
11
+ preMessage: PropTypes.Requireable<string>;
12
+ linkMessage: PropTypes.Requireable<string>;
13
+ endMessage: PropTypes.Requireable<string>;
14
+ qrCodeImageAlt: PropTypes.Requireable<string>;
15
+ storeStep: PropTypes.Requireable<PropTypes.InferProps<{
16
16
  step: PropTypes.Requireable<string>;
17
17
  header: PropTypes.Requireable<string>;
18
18
  subHeader: PropTypes.Requireable<string>;
19
19
  }>>;
20
- export const connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
20
+ connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
21
21
  step: PropTypes.Requireable<string>;
22
22
  header: PropTypes.Requireable<string>;
23
23
  subHeader: PropTypes.Requireable<string>;
24
24
  }>>;
25
- export const qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
25
+ qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
26
26
  step: PropTypes.Requireable<string>;
27
27
  header: PropTypes.Requireable<string>;
28
28
  subHeader: PropTypes.Requireable<string>;
29
29
  }>>;
30
- export const magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
30
+ magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
31
31
  step: PropTypes.Requireable<string>;
32
32
  header: PropTypes.Requireable<string>;
33
33
  subHeader: PropTypes.Requireable<string>;
34
34
  }>>;
35
- export const onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
36
- export const appStoreButtonImageUrl: PropTypes.Requireable<string>;
37
- export const playStoreButtonImageUrl: PropTypes.Requireable<string>;
38
- export const onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
39
- }
35
+ onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
36
+ appStoreButtonImageUrl: PropTypes.Requireable<string>;
37
+ playStoreButtonImageUrl: PropTypes.Requireable<string>;
38
+ onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
39
+ 'android-alt': PropTypes.Requireable<string>;
40
+ 'ios-alt': PropTypes.Requireable<string>;
41
+ };
40
42
  }
41
43
  import PropTypes from "prop-types";
42
- declare function Divider({ word }: {
43
- word: any;
44
- }): JSX.Element;
45
- declare namespace Divider {
46
- export namespace propTypes_1 {
47
- const word: PropTypes.Requireable<string>;
48
- }
49
- export { propTypes_1 as propTypes };
50
- }
51
44
  //# sourceMappingURL=index.d.ts.map
package/lib/organism/get-the-app/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAoIA,kEA+DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3ED;;gBAMC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAwIA,kEAqEC"}
package/lib/organism/get-the-app/index.js CHANGED
@@ -50,12 +50,14 @@ const QrCodeImage = ({
50
50
  qrCodeImageUrl,
51
51
  preMessage,
52
52
  linkMessage,
53
- endMessage
53
+ endMessage,
54
+ qrCodeImageAlt
54
55
  }) => {
55
56
  return /*#__PURE__*/_react.default.createElement("div", {
56
57
  className: _style.default.qrcodeWrapper
57
- }, /*#__PURE__*/_react.default.createElement("img", {
58
- src: qrCodeImageUrl
58
+ }, /*#__PURE__*/_react.default.createElement(_picture.default, {
59
+ src: qrCodeImageUrl,
60
+ alt: qrCodeImageAlt
59
61
  }), showMobileAppAccess ? /*#__PURE__*/_react.default.createElement("div", {
60
62
  className: _style.default.qrcodeOverlay
61
63
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -71,7 +73,8 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
71
73
  qrCodeImageUrl: _propTypes.default.string,
72
74
  preMessage: _propTypes.default.string,
73
75
  linkMessage: _propTypes.default.string,
74
- endMessage: _propTypes.default.string
76
+ endMessage: _propTypes.default.string,
77
+ qrCodeImageAlt: _propTypes.default.string
75
78
  } : {};
76
79
 
77
80
  const MagicLink = ({
@@ -127,7 +130,9 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
127
130
  onAppStoreButtonClick: _propTypes.default.func,
128
131
  appStoreButtonImageUrl: _propTypes.default.string,
129
132
  playStoreButtonImageUrl: _propTypes.default.string,
130
- onPlayStoreButtonClick: _propTypes.default.func
133
+ onPlayStoreButtonClick: _propTypes.default.func,
134
+ 'android-alt': _propTypes.default.string,
135
+ 'ios-alt': _propTypes.default.string
131
136
  } : {};
132
137
 
133
138
  const Divider = ({
@@ -162,7 +167,10 @@ const GetTheApp = (props, context) => {
162
167
  submitValue,
163
168
  preMessage,
164
169
  linkMessage,
165
- endMessage
170
+ endMessage,
171
+ 'android-alt': androidAlt,
172
+ 'ios-alt': iosAlt,
173
+ qrCodeImageAlt
166
174
  } = props;
167
175
  const {
168
176
  skin
@@ -182,7 +190,9 @@ const GetTheApp = (props, context) => {
182
190
  onAppStoreButtonClick: onAppStoreButtonClick,
183
191
  appStoreButtonImageUrl: appStoreButtonImageUrl,
184
192
  playStoreButtonImageUrl: playStoreButtonImageUrl,
185
- onPlayStoreButtonClick: onPlayStoreButtonClick
193
+ onPlayStoreButtonClick: onPlayStoreButtonClick,
194
+ "android-alt": androidAlt,
195
+ "ios-alt": iosAlt
186
196
  })), /*#__PURE__*/_react.default.createElement("div", {
187
197
  className: _style.default.secondStepWrapper
188
198
  }, /*#__PURE__*/_react.default.createElement(Header, connectionStep), /*#__PURE__*/_react.default.createElement("div", {
@@ -194,7 +204,8 @@ const GetTheApp = (props, context) => {
194
204
  qrCodeImageUrl: qrCodeImageUrl,
195
205
  preMessage: preMessage,
196
206
  linkMessage: linkMessage,
197
- endMessage: endMessage
207
+ endMessage: endMessage,
208
+ qrCodeImageAlt: qrCodeImageAlt
198
209
  })), /*#__PURE__*/_react.default.createElement(Divider, {
199
210
  word: diviserWord
200
211
  }), /*#__PURE__*/_react.default.createElement("div", {
package/lib/organism/get-the-app/index.js.map CHANGED
@@ -1 +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","androidAlt","iosAlt","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 Picture from '../../atom/picture';\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 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\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":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,IAAD;EAAOC,MAAP;EAAeC;AAAf,CAAD,kBACb;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,GACGJ,IAAI,gBACH;EAAK,SAAS,EAAEG,cAAA,CAAME;AAAtB,gBACE;EAAI,SAAS,EAAEF,cAAA,CAAMH;AAArB,GAA4BA,IAA5B,CADF,eAEE;EAAI,SAAS,EAAEG,cAAA,CAAMF;AAArB,GAA8BA,MAA9B,CAFF,CADG,gBAMH;EAAI,SAAS,EAAEE,cAAA,CAAMF;AAArB,GAA8BA,MAA9B,MAPJ,EASGC,SAAS,gBAAG;EAAI,SAAS,EAAEC,cAAA,CAAMD;AAArB,GAAiCA,SAAjC,MAAH,GAAuD,IATnE,CADF;;AAcAH,MAAM,CAACO,SAAP,2CAAmB;EACjBN,IAAI,EAAEO,kBAAA,CAAUC,MADC;EAEjBP,MAAM,EAAEM,kBAAA,CAAUC,MAFD;EAGjBN,SAAS,EAAEK,kBAAA,CAAUC;AAHJ,CAAnB;;AAMA,MAAMC,WAAW,GAAG,CAAC;EACnBC,mBADmB;EAEnBC,cAFmB;EAGnBC,UAHmB;EAInBC,WAJmB;EAKnBC;AALmB,CAAD,KAMd;EACJ,oBACE;IAAK,SAAS,EAAEX,cAAA,CAAMY;EAAtB,gBACE;IAAK,GAAG,EAAEJ;EAAV,EADF,EAEGD,mBAAmB,gBAClB;IAAK,SAAS,EAAEP,cAAA,CAAMa;EAAtB,gBACE;IAAK,SAAS,EAAEb,cAAA,CAAMc;EAAtB,gBACE,2CAAOL,UAAP,MADF,eAEE;IAAG,IAAI,EAAC,oCAAR;IAA6C,SAAS,EAAET,cAAA,CAAMe;EAA9D,gBACE,2CAAOL,WAAP,MADF,CAFF,eAKE,2CAAOC,UAAP,MALF,CADF,CADkB,GAUhB,IAZN,CADF;AAgBD,CAvBD;;AAwBAL,WAAW,CAACH,SAAZ,2CAAwB;EACtBI,mBAAmB,EAAEH,kBAAA,CAAUY,IADT;EAEtBR,cAAc,EAAEJ,kBAAA,CAAUC,MAFJ;EAGtBI,UAAU,EAAEL,kBAAA,CAAUC,MAHA;EAItBK,WAAW,EAAEN,kBAAA,CAAUC,MAJD;EAKtBM,UAAU,EAAEP,kBAAA,CAAUC;AALA,CAAxB;;AAQA,MAAMY,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,WAAX;EAAwBC,YAAxB;EAAsCC;AAAtC,CAAD,KAAkD;EAClE,oBACE;IAAK,SAAS,EAAErB,cAAA,CAAMsB;EAAtB,gBACE,6BAAC,eAAD;IACE,KAAK,EAAED,KADT;IAEE,QAAQ,EAAEH,QAFZ;IAGE,cAAc,EAAEA,QAHlB;IAIE,IAAI,EAAEE,YAJR;IAKE,IAAI,EAAC,MALP;IAME,WAAW,EAAE;EANf,gBAQE;IAAK,SAAS,EAAEpB,cAAA,CAAMuB;EAAtB,gBACE,6BAAC,+CAAD;IAAW,SAAS,EAAEvB,cAAA,CAAMwB;EAA5B,EADF,eAEE,wCAAIL,WAAJ,CAFF,CARF,CADF,CADF;AAiBD,CAlBD;;AAoBAF,SAAS,CAACd,SAAV,2CAAsB;EACpBiB,YAAY,EAAEhB,kBAAA,CAAUC,MADJ;EAEpBa,QAAQ,EAAEd,kBAAA,CAAUY,IAFA;EAGpBG,WAAW,EAAEf,kBAAA,CAAUC;AAHH,CAAtB;;AAMA,MAAMoB,WAAW,GAAG,CAAC;EACnBC,qBADmB;EAEnBC,sBAFmB;EAGnBC,uBAHmB;EAInBC,sBAJmB;EAKnB,eAAeC,UALI;EAMnB,WAAWC;AANQ,CAAD,kBAQlB;EAAK,SAAS,EAAE/B,cAAA,CAAMgC;AAAtB,gBACE,6BAAC,gBAAD;EACE,SAAS,EAAEhC,cAAA,CAAMiC,GADnB;EAEE,GAAG,EAAEN,sBAFP;EAGE,OAAO,EAAED,qBAHX;EAIE,GAAG,EAAEK;AAJP,EADF,eAOE,6BAAC,gBAAD;EACE,SAAS,EAAE/B,cAAA,CAAMiC,GADnB;EAEE,GAAG,EAAEL,uBAFP;EAGE,OAAO,EAAEC,sBAHX;EAIE,GAAG,EAAEC;AAJP,EAPF,CARF;;AAwBAL,WAAW,CAACtB,SAAZ,2CAAwB;EACtBuB,qBAAqB,EAAEtB,kBAAA,CAAU8B,IADX;EAEtBP,sBAAsB,EAAEvB,kBAAA,CAAUC,MAFZ;EAGtBuB,uBAAuB,EAAExB,kBAAA,CAAUC,MAHb;EAItBwB,sBAAsB,EAAEzB,kBAAA,CAAU8B;AAJZ,CAAxB;;AAOA,MAAMC,OAAO,GAAG,CAAC;EAACC;AAAD,CAAD,kBACd;EAAK,SAAS,EAAEpC,cAAA,CAAMqC;AAAtB,gBACE;EAAK,SAAS,EAAErC,cAAA,CAAMsC;AAAtB,EADF,eAEE,wCAAIF,IAAJ,CAFF,eAGE;EAAK,SAAS,EAAEpC,cAAA,CAAMsC;AAAtB,EAHF,CADF;;AAQAH,OAAO,CAAChC,SAAR,2CAAoB;EAClBiC,IAAI,EAAEhC,kBAAA,CAAUC;AADE,CAApB;;AAIA,MAAMkC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJf,qBADI;IAEJC,sBAFI;IAGJC,uBAHI;IAIJC,sBAJI;IAKJa,SALI;IAMJC,cANI;IAOJC,UAPI;IAQJC,aARI;IASJC,WATI;IAUJtC,cAVI;IAWJY,YAXI;IAYJF,QAZI;IAaJX,mBAbI;IAcJY,WAdI;IAeJV,UAfI;IAgBJC,WAhBI;IAiBJC;EAjBI,IAkBF6B,KAlBJ;EAmBA,MAAM;IAACO;EAAD,IAASN,OAAf;EACA,MAAMO,YAAY,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAArB;EACA,oBACE;IAAK,SAAS,EAAE/C,cAAA,CAAMiD;EAAtB,gBACE;IAAK,SAAS,EAAEjD,cAAA,CAAMkD;EAAtB,gBACE,6BAAC,8CAAD;IAAc,MAAM,EAAE,EAAtB;IAA0B,KAAK,EAAE,GAAjC;IAAsC,SAAS,EAAElD,cAAA,CAAMmD;EAAvD,EADF,CADF,eAIE;IAAK,SAAS,EAAEnD,cAAA,CAAMoD;EAAtB,gBACE,6BAAC,MAAD,EAAYV,SAAZ,CADF,eAEE,6BAAC,WAAD;IACE,qBAAqB,EAAEhB,qBADzB;IAEE,sBAAsB,EAAEC,sBAF1B;IAGE,uBAAuB,EAAEC,uBAH3B;IAIE,sBAAsB,EAAEC;EAJ1B,EAFF,CAJF,eAaE;IAAK,SAAS,EAAE7B,cAAA,CAAMqD;EAAtB,gBACE,6BAAC,MAAD,EAAYV,cAAZ,CADF,eAEE;IAAK,SAAS,EAAE3C,cAAA,CAAMsD;EAAtB,gBACE;IAAK,SAAS,EAAEtD,cAAA,CAAMuD;EAAtB,gBACE,6BAAC,MAAD,EAAYX,UAAZ,CADF,eAEE,6BAAC,WAAD;IACE,mBAAmB,EAAErC,mBADvB;IAEE,cAAc,EAAEC,cAFlB;IAGE,UAAU,EAAEC,UAHd;IAIE,WAAW,EAAEC,WAJf;IAKE,UAAU,EAAEC;EALd,EAFF,CADF,eAWE,6BAAC,OAAD;IAAS,IAAI,EAAEmC;EAAf,EAXF,eAYE;IAAK,SAAS,EAAE9C,cAAA,CAAMuD;EAAtB,gBACE,6BAAC,MAAD,EAAYV,aAAZ,CADF,eAEE,6BAAC,SAAD;IACE,KAAK,EAAEG,YADT;IAEE,WAAW,EAAE7B,WAFf;IAGE,QAAQ,EAAED,QAHZ;IAIE,YAAY,EAAEE;EAJhB,EAFF,CAZF,CAFF,CAbF,CADF;AAyCD,CA/DD;;AAiEAmB,SAAS,CAACpC,SAAV,wDACKsB,WAAW,CAACtB,SADjB;EAEEuC,SAAS,EAAEtC,kBAAA,CAAUoD,KAAV,CAAgB5D,MAAM,CAACO,SAAvB,CAFb;EAGEwC,cAAc,EAAEvC,kBAAA,CAAUoD,KAAV,CAAgB5D,MAAM,CAACO,SAAvB,CAHlB;EAIEyC,UAAU,EAAExC,kBAAA,CAAUoD,KAAV,CAAgB5D,MAAM,CAACO,SAAvB,CAJd;EAKE0C,aAAa,EAAEzC,kBAAA,CAAUoD,KAAV,CAAgB5D,MAAM,CAACO,SAAvB;AALjB,GAMKG,WAAW,CAACH,SANjB;EAOE2C,WAAW,EAAEX,OAAO,CAAChC,SAAR,CAAkBiC;AAPjC,GAQKnB,SAAS,CAACd,SARf;eAWeoC,S"}
1
+ {"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","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 Picture from '../../atom/picture';\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 qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\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 qrCodeImageAlt: 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 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\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 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt\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 android-alt={androidAlt}\n ios-alt={iosAlt}\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 qrCodeImageAlt={qrCodeImageAlt}\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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.30.11-alpha.1+61044cb2d",
3
+ "version": "10.30.11-alpha.3+d0d83e504",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -158,5 +158,5 @@
158
158
  "last 2 versions",
159
159
  "IE 11"
160
160
  ],
161
- "gitHead": "61044cb2dd65dc401f0bca3b2694d2d59719d8d1"
161
+ "gitHead": "d0d83e5049a62a31fb36a59d5a466a36ce1f7887"
162
162
  }