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

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 +21 -29
  2. package/es/organism/get-the-app/index.d.ts.map +1 -1
  3. package/es/organism/get-the-app/index.js +9 -3
  4. package/es/organism/get-the-app/index.js.map +1 -1
  5. package/lib/organism/get-the-app/index.d.ts +21 -29
  6. package/lib/organism/get-the-app/index.d.ts.map +1 -1
  7. package/lib/organism/get-the-app/index.js +9 -3
  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,43 @@
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
+ storeStep: PropTypes.Requireable<PropTypes.InferProps<{
16
15
  step: PropTypes.Requireable<string>;
17
16
  header: PropTypes.Requireable<string>;
18
17
  subHeader: PropTypes.Requireable<string>;
19
18
  }>>;
20
- export const connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
19
+ connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
21
20
  step: PropTypes.Requireable<string>;
22
21
  header: PropTypes.Requireable<string>;
23
22
  subHeader: PropTypes.Requireable<string>;
24
23
  }>>;
25
- export const qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
24
+ qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
26
25
  step: PropTypes.Requireable<string>;
27
26
  header: PropTypes.Requireable<string>;
28
27
  subHeader: PropTypes.Requireable<string>;
29
28
  }>>;
30
- export const magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
29
+ magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
31
30
  step: PropTypes.Requireable<string>;
32
31
  header: PropTypes.Requireable<string>;
33
32
  subHeader: PropTypes.Requireable<string>;
34
33
  }>>;
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
- }
34
+ onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
35
+ appStoreButtonImageUrl: PropTypes.Requireable<string>;
36
+ playStoreButtonImageUrl: PropTypes.Requireable<string>;
37
+ onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
38
+ 'android-alt': PropTypes.Requireable<string>;
39
+ 'ios-alt': PropTypes.Requireable<string>;
40
+ };
40
41
  }
41
42
  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
43
  //# 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":";AAsIA,kEAmEC"}
package/es/organism/get-the-app/index.js CHANGED
@@ -115,7 +115,9 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
115
115
  onAppStoreButtonClick: PropTypes.func,
116
116
  appStoreButtonImageUrl: PropTypes.string,
117
117
  playStoreButtonImageUrl: PropTypes.string,
118
- onPlayStoreButtonClick: PropTypes.func
118
+ onPlayStoreButtonClick: PropTypes.func,
119
+ 'android-alt': PropTypes.string,
120
+ 'ios-alt': PropTypes.string
119
121
  } : {};
120
122
 
121
123
  const Divider = ({
@@ -150,7 +152,9 @@ const GetTheApp = (props, context) => {
150
152
  submitValue,
151
153
  preMessage,
152
154
  linkMessage,
153
- endMessage
155
+ endMessage,
156
+ 'android-alt': androidAlt,
157
+ 'ios-alt': iosAlt
154
158
  } = props;
155
159
  const {
156
160
  skin
@@ -172,7 +176,9 @@ const GetTheApp = (props, context) => {
172
176
  onAppStoreButtonClick: onAppStoreButtonClick,
173
177
  appStoreButtonImageUrl: appStoreButtonImageUrl,
174
178
  playStoreButtonImageUrl: playStoreButtonImageUrl,
175
- onPlayStoreButtonClick: onPlayStoreButtonClick
179
+ onPlayStoreButtonClick: onPlayStoreButtonClick,
180
+ "android-alt": androidAlt,
181
+ "ios-alt": iosAlt
176
182
  })), /*#__PURE__*/React.createElement("div", {
177
183
  className: style.secondStepWrapper
178
184
  }, /*#__PURE__*/React.createElement(Header, connectionStep), /*#__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":"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"}
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 '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 } = 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 />\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,43 @@
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
+ storeStep: PropTypes.Requireable<PropTypes.InferProps<{
16
15
  step: PropTypes.Requireable<string>;
17
16
  header: PropTypes.Requireable<string>;
18
17
  subHeader: PropTypes.Requireable<string>;
19
18
  }>>;
20
- export const connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
19
+ connectionStep: PropTypes.Requireable<PropTypes.InferProps<{
21
20
  step: PropTypes.Requireable<string>;
22
21
  header: PropTypes.Requireable<string>;
23
22
  subHeader: PropTypes.Requireable<string>;
24
23
  }>>;
25
- export const qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
24
+ qrCodeStep: PropTypes.Requireable<PropTypes.InferProps<{
26
25
  step: PropTypes.Requireable<string>;
27
26
  header: PropTypes.Requireable<string>;
28
27
  subHeader: PropTypes.Requireable<string>;
29
28
  }>>;
30
- export const magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
29
+ magicLinkStep: PropTypes.Requireable<PropTypes.InferProps<{
31
30
  step: PropTypes.Requireable<string>;
32
31
  header: PropTypes.Requireable<string>;
33
32
  subHeader: PropTypes.Requireable<string>;
34
33
  }>>;
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
- }
34
+ onAppStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
35
+ appStoreButtonImageUrl: PropTypes.Requireable<string>;
36
+ playStoreButtonImageUrl: PropTypes.Requireable<string>;
37
+ onPlayStoreButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
38
+ 'android-alt': PropTypes.Requireable<string>;
39
+ 'ios-alt': PropTypes.Requireable<string>;
40
+ };
40
41
  }
41
42
  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
43
  //# 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":";AAsIA,kEAmEC"}
package/lib/organism/get-the-app/index.js CHANGED
@@ -127,7 +127,9 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
127
127
  onAppStoreButtonClick: _propTypes.default.func,
128
128
  appStoreButtonImageUrl: _propTypes.default.string,
129
129
  playStoreButtonImageUrl: _propTypes.default.string,
130
- onPlayStoreButtonClick: _propTypes.default.func
130
+ onPlayStoreButtonClick: _propTypes.default.func,
131
+ 'android-alt': _propTypes.default.string,
132
+ 'ios-alt': _propTypes.default.string
131
133
  } : {};
132
134
 
133
135
  const Divider = ({
@@ -162,7 +164,9 @@ const GetTheApp = (props, context) => {
162
164
  submitValue,
163
165
  preMessage,
164
166
  linkMessage,
165
- endMessage
167
+ endMessage,
168
+ 'android-alt': androidAlt,
169
+ 'ios-alt': iosAlt
166
170
  } = props;
167
171
  const {
168
172
  skin
@@ -182,7 +186,9 @@ const GetTheApp = (props, context) => {
182
186
  onAppStoreButtonClick: onAppStoreButtonClick,
183
187
  appStoreButtonImageUrl: appStoreButtonImageUrl,
184
188
  playStoreButtonImageUrl: playStoreButtonImageUrl,
185
- onPlayStoreButtonClick: onPlayStoreButtonClick
189
+ onPlayStoreButtonClick: onPlayStoreButtonClick,
190
+ "android-alt": androidAlt,
191
+ "ios-alt": iosAlt
186
192
  })), /*#__PURE__*/_react.default.createElement("div", {
187
193
  className: _style.default.secondStepWrapper
188
194
  }, /*#__PURE__*/_react.default.createElement(Header, connectionStep), /*#__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":"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"}
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 '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 } = 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 />\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.2+32b151260",
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": "32b1512603af12e2791c9ca3f9d4a916d7a58684"
162
162
  }