@coorpacademy/components 11.40.18-react18.12 → 11.40.18-react18.13
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.
- package/es/atom/battle-opponent/index.js +2 -4
- package/es/atom/battle-opponent/index.js.map +1 -1
- package/es/atom/button-link/types.d.ts +2 -2
- package/es/atom/button-link/types.d.ts.map +1 -1
- package/es/atom/button-link/types.js.map +1 -1
- package/es/atom/gradient/index.native.js.map +1 -1
- package/es/atom/icon/index.js.map +1 -1
- package/es/organism/mobile-navigation/index.native.js.map +1 -1
- package/es/organism/review-slide/index.native.js +1 -1
- package/es/organism/review-slide/index.native.js.map +1 -1
- package/es/template/mobile-login/confirm-email-sent/index.native.js.map +1 -1
- package/es/template/mobile-login/welcome/index.native.js.map +1 -1
- package/lib/atom/battle-opponent/index.js +2 -4
- package/lib/atom/battle-opponent/index.js.map +1 -1
- package/lib/atom/button-link/types.d.ts +2 -2
- package/lib/atom/button-link/types.d.ts.map +1 -1
- package/lib/atom/button-link/types.js.map +1 -1
- package/lib/atom/gradient/index.native.js.map +1 -1
- package/lib/atom/icon/index.js.map +1 -1
- package/lib/organism/mobile-navigation/index.native.js.map +1 -1
- package/lib/organism/review-slide/index.native.js +1 -1
- package/lib/organism/review-slide/index.native.js.map +1 -1
- package/lib/template/mobile-login/confirm-email-sent/index.native.js.map +1 -1
- package/lib/template/mobile-login/welcome/index.native.js.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_uuid","_has","_novaIcons","_tooltip","_provider","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","createElement","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","NovaCompositionNavigationArrowRight","rightArrow","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n {\n isAlreadyEngaged,\n isRandom,\n userAvatarSrc,\n onClick,\n displayName,\n tooltipText,\n 'aria-label': ariaLabel\n }: BattleOpponentProps,\n legacyContext: WebContextValues\n) => {\n const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n const wrapperClassnames = useMemo(\n () => classnames(style.card, style.opponentCard, isRandom ? style.random : null),\n [isRandom]\n );\n\n const displayNameClassnames = useMemo(\n () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n [isAlreadyEngaged]\n );\n\n const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n // to be replaced by useId when React17 is bumped to React18\n const [battleOpponentInfoId] = useState(\n isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n );\n\n const buttonRef = useRef(null);\n\n const handleMouseOver = useCallback(() => {\n mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n // @ts-expect-error (error: focus does not exists on type never)\n /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n setToolTipIsVisible(true);\n }, [mouseLeaveTimer]);\n\n const handleMouseLeave = useCallback(() => {\n setMouseLeaveTimer(\n setTimeout(() => {\n setToolTipIsVisible(false);\n // @ts-expect-error (error: blur does not exists on type never)\n /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n }, 500) as unknown as number\n );\n }, []);\n\n const handleKeyPress = useCallback(\n event => {\n toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n },\n [toolTipIsVisible]\n );\n\n const TooltipContent = useCallback(\n _props => (\n <p\n {..._props}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n data-testid=\"battle-opponent-tooltip-content\"\n >\n {tooltipText}\n </p>\n ),\n [handleMouseLeave, handleMouseOver, tooltipText]\n );\n\n return (\n <li\n {...(!isAlreadyEngaged && {onClick})}\n className={wrapperClassnames}\n data-testid=\"battle-opponent-wrapper\"\n tabIndex={0}\n >\n <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n <p className={displayNameClassnames} tabIndex={0}>\n {displayName}\n </p>\n {isAlreadyEngaged ? (\n <>\n <button\n ref={buttonRef}\n tabIndex={0}\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid=\"battle-engaged-opponent-information-button\"\n onKeyDown={handleKeyPress}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n data-for={battleOpponentInfoId}\n data-tooltip-place=\"left\"\n data-tip={isAlreadyEngaged}\n aria-label={ariaLabel}\n >\n <InformationIcon className={style.informationIcon} width={20} height={20} />\n </button>\n <span className={style.toolTipWrapper}>\n <ToolTip\n fontSize={12}\n anchorId={battleOpponentInfoId}\n toolTipIsVisible={toolTipIsVisible}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n />\n </span>\n </>\n ) : (\n <ArrowRight className={style.rightArrow} width={16} height={16} />\n )}\n </li>\n );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_uuid","_has","_novaIcons","_tooltip","_provider","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","createElement","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","NovaCompositionNavigationArrowRight","rightArrow","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n {\n isAlreadyEngaged,\n isRandom,\n userAvatarSrc,\n onClick,\n displayName,\n tooltipText,\n 'aria-label': ariaLabel\n }: BattleOpponentProps,\n legacyContext: WebContextValues\n) => {\n const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n const wrapperClassnames = useMemo(\n () => classnames(style.card, style.opponentCard, isRandom ? style.random : null),\n [isRandom]\n );\n\n const displayNameClassnames = useMemo(\n () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n [isAlreadyEngaged]\n );\n\n const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n // to be replaced by useId when React17 is bumped to React18\n const [battleOpponentInfoId] = useState(\n isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n );\n\n const buttonRef = useRef(null);\n\n const handleMouseOver = useCallback(() => {\n mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n /* istanbul ignore next */ has(['current', 'focus'], buttonRef) &&\n (buttonRef.current as HTMLButtonElement | null)?.focus();\n setToolTipIsVisible(true);\n }, [mouseLeaveTimer]);\n\n const handleMouseLeave = useCallback(() => {\n setMouseLeaveTimer(\n setTimeout(() => {\n setToolTipIsVisible(false);\n /* istanbul ignore next */ has(['current', 'blur'], buttonRef) &&\n (buttonRef.current as HTMLButtonElement | null)?.blur();\n }, 500) as unknown as number\n );\n }, []);\n\n const handleKeyPress = useCallback(\n event => {\n toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n },\n [toolTipIsVisible]\n );\n\n const TooltipContent = useCallback(\n _props => (\n <p\n {..._props}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n data-testid=\"battle-opponent-tooltip-content\"\n >\n {tooltipText}\n </p>\n ),\n [handleMouseLeave, handleMouseOver, tooltipText]\n );\n\n return (\n <li\n {...(!isAlreadyEngaged && {onClick})}\n className={wrapperClassnames}\n data-testid=\"battle-opponent-wrapper\"\n tabIndex={0}\n >\n <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n <p className={displayNameClassnames} tabIndex={0}>\n {displayName}\n </p>\n {isAlreadyEngaged ? (\n <>\n <button\n ref={buttonRef}\n tabIndex={0}\n type=\"button\"\n className={style.tooltipIconContainer}\n data-testid=\"battle-engaged-opponent-information-button\"\n onKeyDown={handleKeyPress}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n data-for={battleOpponentInfoId}\n data-tooltip-place=\"left\"\n data-tip={isAlreadyEngaged}\n aria-label={ariaLabel}\n >\n <InformationIcon className={style.informationIcon} width={20} height={20} />\n </button>\n <span className={style.toolTipWrapper}>\n <ToolTip\n fontSize={12}\n anchorId={battleOpponentInfoId}\n toolTipIsVisible={toolTipIsVisible}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n />\n </span>\n </>\n ) : (\n <ArrowRight className={style.rightArrow} width={16} height={16} />\n )}\n </li>\n );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { ICONS } from '../../util/button-icons';
|
|
4
4
|
import Tag from '../tag';
|
|
@@ -75,7 +75,7 @@ export declare type ButtonLinkProps = {
|
|
|
75
75
|
type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';
|
|
76
76
|
usage?: 'button' | 'submit' | 'reset';
|
|
77
77
|
label?: string;
|
|
78
|
-
content?:
|
|
78
|
+
content?: React.ReactNode;
|
|
79
79
|
'aria-label'?: string;
|
|
80
80
|
tooltipText?: string;
|
|
81
81
|
tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","oneOfType","arrayOf","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","contentCustomStyle","useTitle","customLabelClassName","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n name: PropTypes.string.isRequired,\n color: PropTypes.string,\n backgroundColor: PropTypes.string,\n size: PropTypes.number,\n customStyle: PropTypes.object\n};\n\nexport const iconPropTypes = {\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n tooltipText: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.oneOfType([\n PropTypes.shape(iconPropTypes),\n PropTypes.arrayOf(PropTypes.shape(iconPropTypes))\n ]),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.object,\n contentCustomStyle: PropTypes.object,\n useTitle: PropTypes.bool,\n customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n customStyle?: React.CSSProperties;\n};\n\nexport type IconType = {\n position: 'right' | 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n usage?: 'button' | 'submit' | 'reset';\n label?: string;\n content?:
|
|
1
|
+
{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","oneOfType","arrayOf","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","contentCustomStyle","useTitle","customLabelClassName","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n name: PropTypes.string.isRequired,\n color: PropTypes.string,\n backgroundColor: PropTypes.string,\n size: PropTypes.number,\n customStyle: PropTypes.object\n};\n\nexport const iconPropTypes = {\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n tooltipText: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.oneOfType([\n PropTypes.shape(iconPropTypes),\n PropTypes.arrayOf(PropTypes.shape(iconPropTypes))\n ]),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.object,\n contentCustomStyle: PropTypes.object,\n useTitle: PropTypes.bool,\n customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n customStyle?: React.CSSProperties;\n};\n\nexport type IconType = {\n position: 'right' | 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n usage?: 'button' | 'submit' | 'reset';\n label?: string;\n content?: React.ReactNode;\n 'aria-label'?: string;\n tooltipText?: string;\n tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n 'data-name'?: string;\n 'data-testid'?: string;\n icon?: IconType | IconType[];\n onClick?: () => void;\n onKeyDown?: () => void;\n link?: {\n href?: string;\n download?: boolean;\n target?: '_self' | '_blank' | '_parent' | '_top';\n };\n hoverBackgroundColor?: string;\n hoverColor?: string;\n disabled?: boolean;\n className?: string;\n customStyle?: React.CSSProperties;\n contentCustomStyle?: React.CSSProperties;\n useTitle?: boolean;\n customLabelClassName?: string;\n tag?: React.ComponentProps<typeof Tag>;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ;AACzB,CAAC;AAEM,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEX,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,IAAAE,MAAA,CAAAjB,OAAA,EAAKkB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEhB,kBAAS,CAACiB,KAAK,CAACnB,eAAe;AACzC,CAAC;AAED,MAAMoB,SAAS,GAAG;EAChBL,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEnB,kBAAS,CAACY,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAEpB,kBAAS,CAACC,MAAM;EACvBoB,OAAO,EAAErB,kBAAS,CAACsB,IAAI;EACvB,YAAY,EAAEtB,kBAAS,CAACC,MAAM;EAC9BsB,WAAW,EAAEvB,kBAAS,CAACC,MAAM;EAC7BuB,gBAAgB,EAAExB,kBAAS,CAACY,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEZ,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/BwB,IAAI,EAAEzB,kBAAS,CAAC0B,SAAS,CAAC,CACxB1B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,EAC9BT,kBAAS,CAAC2B,OAAO,CAAC3B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,CAAC,CAClD,CAAC;EACFmB,OAAO,EAAE5B,kBAAS,CAAC6B,IAAI;EACvBC,IAAI,EAAE9B,kBAAS,CAACiB,KAAK,CAAC;IACpBc,IAAI,EAAE/B,kBAAS,CAACC,MAAM;IACtB+B,QAAQ,EAAEhC,kBAAS,CAACiC,IAAI;IACxBC,MAAM,EAAElC,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFuB,oBAAoB,EAAEnC,kBAAS,CAACC,MAAM;EACtCmC,UAAU,EAAEpC,kBAAS,CAACC,MAAM;EAC5BoC,QAAQ,EAAErC,kBAAS,CAACiC,IAAI;EACxBK,SAAS,EAAEtC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,MAAM;EAC7B+B,kBAAkB,EAAEvC,kBAAS,CAACQ,MAAM;EACpCgC,QAAQ,EAAExC,kBAAS,CAACiC,IAAI;EACxBQ,oBAAoB,EAAEzC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAyC,QAAA,GAAAhC,OAAA,CAAAb,OAAA,GA+CaqB,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","Color","to","alpha","toString","_style","push","gradientString","join","gradientStyle","Platform","select","experimental_backgroundImage","web","backgroundImage","combinedStyle","StyleSheet","flatten","View","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {View, ViewStyle, StyleSheet, Platform} from 'react-native';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n children?: ReactNode;\n colors: Array<string>;\n transparencyPosition?: 'top' | 'bottom';\n height?: number;\n style?: ViewStyle | ViewStyle[];\n testID?: string;\n pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n children,\n colors,\n transparencyPosition = 'top',\n height,\n style,\n testID,\n pointerEvents\n}: Props) => {\n // Validate colors array - ensure all values are valid strings\n const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n // Fallback if no valid colors provided\n if (validColors.length === 0) {\n console.warn('Gradient: No valid colors provided, using transparent fallback');\n return <>{children}</>;\n }\n\n let calculatedColors = validColors;\n if (validColors.length === 1) {\n const [raw] = validColors;\n const transparent = new Color(raw).to('srgb');\n transparent.alpha = 0;\n\n calculatedColors =\n transparencyPosition === 'top'\n ? [transparent.toString(), raw, raw]\n : [raw, raw, transparent.toString()];\n }\n\n const _style: ViewStyle[] = [];\n\n if (style) {\n _style.push(style as ViewStyle);\n }\n if (height) {\n _style.push({height});\n }\n\n // Build CSS gradient string (vertical by default)\n const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;\n\n const gradientStyle
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","Color","to","alpha","toString","_style","push","gradientString","join","gradientStyle","Platform","select","experimental_backgroundImage","web","backgroundImage","combinedStyle","StyleSheet","flatten","View","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {View, ViewStyle, StyleSheet, Platform} from 'react-native';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n children?: ReactNode;\n colors: Array<string>;\n transparencyPosition?: 'top' | 'bottom';\n height?: number;\n style?: ViewStyle | ViewStyle[];\n testID?: string;\n pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n children,\n colors,\n transparencyPosition = 'top',\n height,\n style,\n testID,\n pointerEvents\n}: Props) => {\n // Validate colors array - ensure all values are valid strings\n const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n // Fallback if no valid colors provided\n if (validColors.length === 0) {\n console.warn('Gradient: No valid colors provided, using transparent fallback');\n return <>{children}</>;\n }\n\n let calculatedColors = validColors;\n if (validColors.length === 1) {\n const [raw] = validColors;\n const transparent = new Color(raw).to('srgb');\n transparent.alpha = 0;\n\n calculatedColors =\n transparencyPosition === 'top'\n ? [transparent.toString(), raw, raw]\n : [raw, raw, transparent.toString()];\n }\n\n const _style: ViewStyle[] = [];\n\n if (style) {\n _style.push(style as ViewStyle);\n }\n if (height) {\n _style.push({height});\n }\n\n // Build CSS gradient string (vertical by default)\n const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;\n\n const gradientStyle = Platform.select({\n default: {\n // @ts-ignore - experimental_backgroundImage is not yet in types\n experimental_backgroundImage: gradientString\n },\n web: {\n // @ts-ignore\n backgroundImage: gradientString\n }\n });\n\n const combinedStyle = StyleSheet.flatten([gradientStyle as ViewStyle, ..._style]);\n\n return (\n <View style={combinedStyle} pointerEvents={pointerEvents} testID={testID}>\n {children}\n </View>\n );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY/B,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOrB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAAtB,MAAA,CAAAO,OAAA,CAAAgB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAIC,gBAAK,CAACF,GAAG,CAAC,CAACG,EAAE,CAAC,MAAM,CAAC;IAC7CF,WAAW,CAACG,KAAK,GAAG,CAAC;IAErBL,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACI,QAAQ,CAAC,CAAC,EAAEL,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACI,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIlB,KAAK,EAAE;IACTkB,MAAM,CAACC,IAAI,CAACnB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVmB,MAAM,CAACC,IAAI,CAAC;MAACpB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMqB,cAAc,GAAG,2BAA2BT,gBAAgB,CAACU,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IACpC9B,OAAO,EAAE;MACP;MACA+B,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGC,uBAAU,CAACC,OAAO,CAAC,CAACR,aAAa,EAAe,GAAGJ,MAAM,CAAC,CAAC;EAEjF,oBACE/B,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,YAAA,CAAAyC,IAAI;IAAC/B,KAAK,EAAE4B,aAAc;IAAC1B,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEaC,QAAQ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFontawesome","_freeSolidSvgIcons","_fontawesomeSvgCore","_toLower","_merge","_getOr","_cssColorFunction","_getBackgroundGradientColor","_style","e","__esModule","default","library","add","fas","DEFAULT_PRESET","exports","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","convert","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","hasBackground","createElement","FontAwesomeIcon","icon","color","fontSize","style","iconWrapperStyle","background","createGradientBackground","width","height","padding","className","iconWrapper","propTypes","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV","_default"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {IconName, library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n faSize: number;\n wrapperSize: number;\n}\n\nexport interface IconProps {\n iconName: string;\n iconColor?: string;\n backgroundColor?: string;\n gradientBackground?: boolean;\n borderRadius?: string;\n preset?: string;\n size?: IconSize;\n customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n s: {\n faSize: 12,\n wrapperSize: 32\n },\n m: {\n faSize: 16,\n wrapperSize: DEFAULT_WRAPPER_SIZE\n },\n xl: {\n faSize: 20,\n wrapperSize: 48\n }\n};\n\nconst Icon: React.FC<IconProps> = ({\n iconName,\n iconColor,\n backgroundColor,\n gradientBackground,\n borderRadius,\n preset = DEFAULT_PRESET,\n size,\n customStyle\n}) => {\n const effectiveIconColor =\n iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n const effectiveSize = size\n ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n const hasBackground = backgroundColor || gradientBackground;\n if (!hasBackground) {\n return (\n <FontAwesomeIcon\n icon={`fa-${iconName}` as IconName}\n color={effectiveIconColor}\n fontSize={effectiveSize.faSize}\n style={customStyle}\n />\n );\n }\n\n const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n const iconWrapperStyle: CSSProperties = {\n background: gradientBackground\n ? createGradientBackground(effectiveIconColor, '81%', '91%')\n : backgroundColor,\n borderRadius,\n width: wrapperSize,\n height: wrapperSize,\n padding: ICON_PADDING\n };\n\n return (\n <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n <FontAwesomeIcon\n icon={`fa-${iconName}` as IconName}\n color={effectiveIconColor}\n fontSize={effectiveSize.faSize}\n />\n </div>\n );\n};\n\nexport const propTypes = {\n iconName: PropTypes.string.isRequired,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n gradientBackground: PropTypes.bool,\n borderRadius: PropTypes.string,\n preset: PropTypes.oneOf(['s', 'm', 'xl']),\n size: PropTypes.shape({\n faSize: PropTypes.number.isRequired,\n wrapperSize: PropTypes.number.isRequired\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n// propTypes?: React.WeakValidationMap<IconProps>;\n// defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFontawesome","_freeSolidSvgIcons","_fontawesomeSvgCore","_toLower","_merge","_getOr","_cssColorFunction","_getBackgroundGradientColor","_style","e","__esModule","default","library","add","fas","DEFAULT_PRESET","exports","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","convert","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","hasBackground","createElement","FontAwesomeIcon","icon","color","fontSize","style","iconWrapperStyle","background","createGradientBackground","width","height","padding","className","iconWrapper","propTypes","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV","_default"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {IconName, library, IconPack} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas as IconPack);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n faSize: number;\n wrapperSize: number;\n}\n\nexport interface IconProps {\n iconName: string;\n iconColor?: string;\n backgroundColor?: string;\n gradientBackground?: boolean;\n borderRadius?: string;\n preset?: string;\n size?: IconSize;\n customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n s: {\n faSize: 12,\n wrapperSize: 32\n },\n m: {\n faSize: 16,\n wrapperSize: DEFAULT_WRAPPER_SIZE\n },\n xl: {\n faSize: 20,\n wrapperSize: 48\n }\n};\n\nconst Icon: React.FC<IconProps> = ({\n iconName,\n iconColor,\n backgroundColor,\n gradientBackground,\n borderRadius,\n preset = DEFAULT_PRESET,\n size,\n customStyle\n}) => {\n const effectiveIconColor =\n iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n const effectiveSize = size\n ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n const hasBackground = backgroundColor || gradientBackground;\n if (!hasBackground) {\n return (\n <FontAwesomeIcon\n icon={`fa-${iconName}` as IconName}\n color={effectiveIconColor}\n fontSize={effectiveSize.faSize}\n style={customStyle}\n />\n );\n }\n\n const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n const iconWrapperStyle: CSSProperties = {\n background: gradientBackground\n ? createGradientBackground(effectiveIconColor, '81%', '91%')\n : backgroundColor,\n borderRadius,\n width: wrapperSize,\n height: wrapperSize,\n padding: ICON_PADDING\n };\n\n return (\n <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n <FontAwesomeIcon\n icon={`fa-${iconName}` as IconName}\n color={effectiveIconColor}\n fontSize={effectiveSize.faSize}\n />\n </div>\n );\n};\n\nexport const propTypes = {\n iconName: PropTypes.string.isRequired,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n gradientBackground: PropTypes.bool,\n borderRadius: PropTypes.string,\n preset: PropTypes.oneOf(['s', 'm', 'xl']),\n size: PropTypes.shape({\n faSize: PropTypes.number.isRequired,\n wrapperSize: PropTypes.number.isRequired\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n// propTypes?: React.WeakValidationMap<IconProps>;\n// defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes as React.WeakValidationMap<IconProps>;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_blur","_novaIcons","_templateContext","_index","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","createElement","style","View","Text","NovaCompositionNavigationNavBar","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","BlurView","blurAmount","blurType","map","prop","index","handlePress","action","key","label","icon","_default","exports"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n container: ViewStyle;\n navbar: ViewStyle;\n blur: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n position: 'absolute',\n bottom: 0,\n paddingTop: 10,\n paddingBottom: 34,\n paddingHorizontal: 20,\n width: '100%',\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2\n },\n shadowOpacity: 0.15,\n shadowRadius: 3,\n elevation: 4\n },\n blur: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n },\n navbar: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n maxWidth: 110,\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n dotShadow: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <View style={styleSheet.navbar}>\n {Platform.OS === 'ios' ? (\n <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n ) : null}\n {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_blur","_novaIcons","_templateContext","_index","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","createElement","style","View","Text","NovaCompositionNavigationNavBar","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","BlurView","blurAmount","blurType","map","prop","index","handlePress","action","key","label","icon","_default","exports"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n View,\n StyleSheet,\n Text,\n ViewStyle,\n TextStyle,\n GestureResponderEvent,\n Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n title: string;\n testID: string;\n selected: boolean;\n Icon: FC<{height: number; width: number; color?: string}>;\n styles: StyleSheetType;\n theme: Theme;\n onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n label: string;\n icon: ButtonProps['Icon'];\n action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n testID?: string;\n items: Array<NavItemType>;\n selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n container: ViewStyle;\n navbar: ViewStyle;\n blur: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n dot: ViewStyle;\n dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n StyleSheet.create({\n container: {\n position: 'absolute',\n bottom: 0,\n paddingTop: 10,\n paddingBottom: 34,\n paddingHorizontal: 20,\n width: '100%',\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2\n },\n shadowOpacity: 0.15,\n shadowRadius: 3,\n elevation: 4\n },\n blur: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n },\n navbar: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignSelf: 'center',\n overflow: 'hidden',\n height: 66,\n borderRadius: 12,\n backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n },\n button: {\n alignItems: 'center',\n flex: 1,\n height: '100%',\n maxWidth: 110,\n marginTop: theme.spacing.small\n },\n buttonText: {\n fontSize: theme.fontSize.small,\n lineHeight: 26,\n // height: 11,\n color: theme.colors.text.primary\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: 8,\n backgroundColor: theme.colors.cta,\n marginTop: 3,\n position: 'absolute',\n alignSelf: 'center'\n },\n dotShadow: {\n marginTop: -87,\n width: 200,\n height: 100,\n position: 'absolute',\n alignSelf: 'center',\n transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n }\n });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n <Touchable testID={testID} style={styles.button} onPress={onPress}>\n <View style={{alignItems: 'center'}}>\n <Icon\n height={16}\n width={16}\n color={selected ? theme.colors.cta : theme.colors.text.primary}\n />\n <Text style={styles.buttonText}>{title}</Text>\n </View>\n {selected ? (\n <View>\n <View style={styles.dot} />\n <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n </View>\n ) : null}\n </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme) as StyleSheetType;\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <View style={styleSheet.navbar}>\n {Platform.OS === 'ios' ? (\n <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n ) : null}\n {items.map((prop, index) => {\n const handlePress = prop.action;\n return (\n <Button\n key={`button-${prop.label}`}\n title={prop.label}\n Icon={prop.icon}\n onPress={handlePress}\n selected={index === selectedItemIndex}\n testID={`navigationButton_${index}`}\n styles={styleSheet}\n theme={theme}\n />\n );\n })}\n </View>\n </View>\n );\n};\n\nexport default NavigationBar;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAAyD,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAmCzD,MAAMW,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZF,KAAK,EAAE,CAAC;MACRG,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJZ,QAAQ,EAAE,UAAU;IACpBa,GAAG,EAAE,CAAC;IACNZ,MAAM,EAAE,CAAC;IACTa,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,QAAQ;IAClBZ,MAAM,EAAE,EAAE;IACVa,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG5B,KAAK,CAAC6B,MAAM,CAACC,IAAI,CAACC,KAAK,GAAG;EACrE,CAAC;EACDC,MAAM,EAAE;IACNC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPtB,MAAM,EAAE,MAAM;IACduB,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAEpC,KAAK,CAACqC,OAAO,CAACC;EAC3B,CAAC;EACDC,UAAU,EAAE;IACVC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACF,KAAK;IAC9BG,UAAU,EAAE,EAAE;IACd;IACAC,KAAK,EAAE1C,KAAK,CAAC6B,MAAM,CAACc,IAAI,CAACC;EAC3B,CAAC;EACDC,GAAG,EAAE;IACHpC,KAAK,EAAE,CAAC;IACRG,MAAM,EAAE,CAAC;IACTa,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE1B,KAAK,CAAC6B,MAAM,CAACiB,GAAG;IACjCV,SAAS,EAAE,CAAC;IACZhC,QAAQ,EAAE,UAAU;IACpBmB,SAAS,EAAE;EACb,CAAC;EACDwB,SAAS,EAAE;IACTX,SAAS,EAAE,CAAC,EAAE;IACd3B,KAAK,EAAE,GAAG;IACVG,MAAM,EAAE,GAAG;IACXR,QAAQ,EAAE,UAAU;IACpBmB,SAAS,EAAE,QAAQ;IACnByB,SAAS,EAAE,CAAC;MAACC,OAAO,EAAE;IAAQ,CAAC,EAAE;MAACC,MAAM,EAAE;IAAG,CAAC;EAChD;AACF,CAAC,CAAC;AAEJ,MAAMC,MAAM,GAAGA,CAAC;EAACC,MAAM;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,MAAM;EAAExD,KAAK;EAAEyD;AAAoB,CAAC,kBAClFvF,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACjF,MAAA,CAAAI,OAAS;EAACuE,MAAM,EAAEA,MAAO;EAACO,KAAK,EAAEH,MAAM,CAACxB,MAAO;EAACyB,OAAO,EAAEA;AAAQ,gBAChEvF,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAuF,IAAI;EAACD,KAAK,EAAE;IAAC1B,UAAU,EAAE;EAAQ;AAAE,gBAClC/D,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACH,IAAI;EACH3C,MAAM,EAAE,EAAG;EACXH,KAAK,EAAE,EAAG;EACViC,KAAK,EAAEY,QAAQ,GAAGtD,KAAK,CAAC6B,MAAM,CAACiB,GAAG,GAAG9C,KAAK,CAAC6B,MAAM,CAACc,IAAI,CAACC;AAAQ,CAChE,CAAC,eACF1E,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAwF,IAAI;EAACF,KAAK,EAAEH,MAAM,CAACjB;AAAW,GAAEc,KAAY,CACzC,CAAC,EACNC,QAAQ,gBACPpF,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAuF,IAAI,qBACH1F,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAuF,IAAI;EAACD,KAAK,EAAEH,MAAM,CAACX;AAAI,CAAE,CAAC,eAC3B3E,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACnF,UAAA,CAAAuF,+BAAa;EAACpB,KAAK,EAAE1C,KAAK,CAAC6B,MAAM,CAACiB,GAAI;EAACa,KAAK,EAAEH,MAAM,CAACT;AAAU,CAAE,CAC9D,CAAC,GACL,IACK,CACZ;AAED,MAAMgB,aAAa,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAwB,CAAC,KAAK;EAC3D,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAACtE;EAAK,CAAC,GAAGkE,eAAe;EAE/B,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGzE,gBAAgB,CAACC,KAAK,CAAmB;IAC7DqE,aAAa,CAACG,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACxE,KAAK,CAAC,CAAC;EAEX,IAAI,CAACoE,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACElG,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAuF,IAAI;IAACD,KAAK,EAAES,UAAU,CAACjE;EAAU,gBAChCjC,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACrF,YAAA,CAAAuF,IAAI;IAACD,KAAK,EAAES,UAAU,CAAChD;EAAO,GAC5BO,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBACpB1D,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACpF,KAAA,CAAAmG,QAAQ;IAACd,KAAK,EAAES,UAAU,CAACpD,IAAK;IAAC0D,UAAU,EAAE,EAAG;IAACC,QAAQ,EAAC;EAAQ,CAAE,CAAC,GACpE,IAAI,EACPX,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC1B,MAAMC,WAAW,GAAGF,IAAI,CAACG,MAAM;IAC/B,oBACE9G,MAAA,CAAAW,OAAA,CAAA6E,aAAA,CAACP,MAAM;MACL8B,GAAG,EAAE,UAAUJ,IAAI,CAACK,KAAK,EAAG;MAC5B7B,KAAK,EAAEwB,IAAI,CAACK,KAAM;MAClB3B,IAAI,EAAEsB,IAAI,CAACM,IAAK;MAChB1B,OAAO,EAAEsB,WAAY;MACrBzB,QAAQ,EAAEwB,KAAK,KAAKb,iBAAkB;MACtCb,MAAM,EAAE,oBAAoB0B,KAAK,EAAG;MACpCtB,MAAM,EAAEY,UAAW;MACnBpE,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACG,CACF,CAAC;AAEX,CAAC;AAAC,IAAAoF,QAAA,GAAAC,OAAA,CAAAxG,OAAA,GAEakF,aAAa","ignoreList":[]}
|
|
@@ -84,7 +84,7 @@ const CorrectionPopin = ({
|
|
|
84
84
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
85
|
(0, _react.useEffect)(() => translateUp.start(), []);
|
|
86
86
|
if (!showCorrectionPopin) return null;
|
|
87
|
-
const klf =
|
|
87
|
+
const klf = correctionPopinProps.klf;
|
|
88
88
|
const information = (0, _getOr.default)({
|
|
89
89
|
label: '',
|
|
90
90
|
message: ''
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n Animated,\n Easing,\n Image,\n Keyboard,\n ScrollView,\n StyleSheet,\n TextStyle,\n useWindowDimensions,\n View,\n ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n mediaContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: 200,\n borderRadius: 10,\n overflow: 'hidden'\n },\n image: {\n flex: 1,\n width: '100%'\n },\n correctionPopinWrapper: {\n position: 'absolute',\n bottom: 16,\n width: '105%'\n }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n if (!media) {\n return null;\n }\n\n switch (media.type) {\n case TYPE_VIDEO:\n return (\n <View style={styles.mediaContainer}>\n <Video media={media} autoplay={autoplay} />\n </View>\n );\n case TYPE_IMAGE: {\n const uri = `https://${media.url?.split('//')[1]}`;\n return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n }\n case TYPE_AUDIO:\n default:\n return null;\n }\n};\n\nconst CorrectionPopin = ({\n correctionPopinProps,\n slideIndex,\n showCorrectionPopin,\n animateCorrectionPopin\n}: PopinProps) => {\n const translateUp = useTranslateY({\n fromValue: 500,\n toValue: 0,\n duration: 500,\n easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n });\n\n // the translation is required only once on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => translateUp.start(), []);\n\n if (!showCorrectionPopin) return null;\n\n const klf = getOr(undefined, 'klf', correctionPopinProps);\n const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n const next = get('next', correctionPopinProps);\n const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n const _correctionPopinProps = {\n next: {\n onClick,\n label: next && next.label,\n 'data-name': `next-question-button-${slideIndex}`,\n 'aria-label': next && next['aria-label']\n },\n klf,\n information,\n type: correctionPopinProps.type,\n resultLabel: correctionPopinProps.resultLabel\n };\n\n const style = animateCorrectionPopin\n ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n : styles.correctionPopinWrapper;\n\n return (\n <Animated.View style={style}>\n <ReviewCorrectionPopin {..._correctionPopinProps} />\n </Animated.View>\n );\n};\n\ntype StyleSheetType = {\n questionHeading: ViewStyle;\n questionOriginContainer: ViewStyle;\n questionOrigin: TextStyle;\n questionTextContainer: TextStyle;\n questionText: TextStyle;\n questionHelpContainer: ViewStyle;\n questionHelp: TextStyle;\n choicesScrollView: ViewStyle;\n choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n questionHeading: {\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n questionOriginContainer: {\n marginBottom: theme.spacing.tiny,\n marginTop: theme.spacing.small\n },\n questionOrigin: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.text.primary,\n textAlign: 'center'\n },\n questionTextContainer: {\n marginVertical: 4,\n textAlign: 'center'\n },\n questionText: {\n fontSize: 16,\n lineHeight: 22,\n fontWeight: '700',\n color: theme.colors.text.primary\n },\n questionHelpContainer: {\n marginVertical: 4\n },\n questionHelp: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.gray.medium,\n marginBottom: 0,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n choicesScrollView: {\n marginTop: 20,\n width: '100%'\n },\n choicesScrollContent: {\n flexGrow: 1,\n justifyContent: 'space-around',\n padding: 10\n }\n });\n\ntype QuestionProps = {\n autoplayMedia: boolean;\n answerUI: SlideProps['answerUI'];\n isKeyboardVisible: boolean;\n questionText: SlideProps['questionText'];\n questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n const {\n answerUI,\n questionText,\n questionOrigin = '',\n isKeyboardVisible,\n autoplayMedia = false\n } = props;\n const {theme} = useTemplateContext();\n const [style, setStyle] = useState<StyleSheetType>();\n\n useEffect(() => {\n const questionStyle = createQuestionStyle(theme);\n setStyle(questionStyle);\n }, [theme]);\n\n if (!answerUI || !questionText || !style) return null;\n\n const hasVideoOrImage =\n answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n return (\n <>\n <View style={style.questionHeading}>\n <View style={style.questionOriginContainer}>\n <Html style={style.questionOrigin} isTextCentered>\n {questionOrigin}\n </Html>\n </View>\n <View style={style.questionTextContainer}>\n <Html style={style.questionText} isTextCentered>\n {questionText}\n </Html>\n </View>\n <View style={style.questionHelpContainer}>\n <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n </View>\n </View>\n <ScrollView\n style={style.choicesScrollView}\n contentContainerStyle={style.choicesScrollContent}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n >\n {!isKeyboardVisible && hasVideoOrImage ? (\n <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n ) : null}\n <View\n style={{\n marginTop: hasVideoOrImage ? 30 : 0\n }}\n >\n <Answer {...answerUI} />\n </View>\n </ScrollView>\n </>\n );\n};\n\ntype SlideStyle = {\n slide: ViewStyle;\n hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n num: number,\n screenWidth: number,\n isKeyboardVisible: boolean\n): SlideStyle => {\n const slideWidth = screenWidth - 40 - num * 8;\n\n return StyleSheet.create({\n hiddenBackgroundToLockActions: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n backgroundColor: '#00000000'\n },\n slide: {\n position: 'absolute',\n left: 20 + num * 4,\n bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n backgroundColor: '#fff', // theme.colors.white\n height: '90%',\n width: slideWidth,\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 25,\n shadowColor: '#000',\n shadowOffset: {width: 0, height: -1},\n shadowOpacity: 0.05,\n shadowRadius: 16,\n elevation: 10 - num * 1,\n borderRadius: 16\n }\n });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n const [isValidated, setValidated] = useState<boolean>(false);\n\n const isKeyboardVisible = useMobileKeyboardVisibility();\n\n const handleValidatePress = useCallback(() => {\n Keyboard.dismiss();\n setValidated(true);\n\n // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n setTimeout(() => {\n validateButton.onClick();\n }, 20);\n\n // only to create on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const {width} = useWindowDimensions();\n const slideStyle = useMemo(\n () => createSlideStyle(num, width, isKeyboardVisible),\n [num, width, isKeyboardVisible]\n );\n const isFirstSlide = num === 1;\n\n const {\n loading,\n parentContentTitle,\n questionText,\n answerUI,\n showCorrectionPopin,\n animateCorrectionPopin\n } = slide;\n\n if (loading) {\n return <View style={slideStyle.slide} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n }\n\n return (\n <Animated.View\n style={[slideStyle.slide, animatedStyle]}\n pointerEvents={isFirstSlide ? 'auto' : 'none'}\n >\n <Question\n questionOrigin={parentContentTitle}\n questionText={questionText}\n answerUI={answerUI}\n autoplayMedia={isFirstSlide}\n isKeyboardVisible={isKeyboardVisible}\n key=\"question-container\"\n />\n {isKeyboardVisible ? null : (\n <Button\n disabled={isValidated || validateButton.disabled}\n submitValue={validateButton.label}\n onPress={handleValidatePress}\n testID={`slide-validate-button-${slideIndex}`}\n />\n )}\n {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n {correctionPopinProps ? (\n <CorrectionPopin\n correctionPopinProps={correctionPopinProps}\n slideIndex={slideIndex}\n showCorrectionPopin={showCorrectionPopin}\n animateCorrectionPopin={animateCorrectionPopin}\n key=\"correction-popin\"\n />\n ) : null}\n </Animated.View>\n );\n};\n\nexport default Slide;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAYA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,OAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAR,sBAAA,CAAAH,OAAA;AAEA,IAAAY,OAAA,GAAAT,sBAAA,CAAAH,OAAA;AACA,IAAAa,4BAAA,GAAAV,sBAAA,CAAAH,OAAA;AAAoF,SAAAG,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAGpF,MAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPL,KAAK,EAAE;EACT,CAAC;EACDM,sBAAsB,EAAE;IACtBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVR,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMS,SAAS,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAA4C,CAAC,KAAK;EAC3E,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,QAAQA,KAAK,CAACE,IAAI;IAChB,KAAKC,qBAAU;MACb,oBACEvD,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;QAACC,KAAK,EAAEtB,MAAM,CAACG;MAAe,gBACjCvC,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC3C,OAAA,CAAAK,OAAK;QAACkC,KAAK,EAAEA,KAAM;QAACC,QAAQ,EAAEA;MAAS,CAAE,CACtC,CAAC;IAEX,KAAKM,qBAAU;MAAE;QACf,MAAMC,GAAG,GAAG,WAAWR,KAAK,CAACS,GAAG,EAAEC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;QAClD,oBAAO9D,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAA4D,KAAK;UAACL,KAAK,EAAE,CAACtB,MAAM,CAACG,cAAc,EAAEH,MAAM,CAACU,KAAK,CAAE;UAACkB,MAAM,EAAE;YAACJ;UAAG;QAAE,CAAE,CAAC;MAC/E;IACA,KAAKK,qBAAU;IACf;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EACvBC,oBAAoB;EACpBC,UAAU;EACVC,mBAAmB;EACnBC;AACU,CAAC,KAAK;EAChB,MAAMC,WAAW,GAAG,IAAAC,mCAAa,EAAC;IAChCC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEC,mBAAM,CAACC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;EAC3C,CAAC,CAAC;;EAEF;EACA;EACA,IAAAC,gBAAS,EAAC,MAAMR,WAAW,CAACS,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAExC,IAAI,CAACX,mBAAmB,EAAE,OAAO,IAAI;EAErC,MAAMY,GAAG,GAAG,IAAAC,cAAK,EAACC,SAAS,EAAE,KAAK,EAAEhB,oBAAoB,CAAC;EACzD,MAAMiB,WAAW,GAAG,IAAAF,cAAK,EAAC;IAACG,KAAK,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC,EAAE,aAAa,EAAEnB,oBAAoB,CAAC;EACxF,MAAMoB,IAAI,GAAG,IAAA/D,YAAG,EAAC,MAAM,EAAE2C,oBAAoB,CAAC;EAC9C,MAAMqB,OAAO,GAAG,IAAAhE,YAAG,EAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE2C,oBAAoB,CAAC;EAE9D,MAAMsB,qBAAqB,GAAG;IAC5BF,IAAI,EAAE;MACJC,OAAO;MACPH,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAAK;MACzB,WAAW,EAAE,wBAAwBjB,UAAU,EAAE;MACjD,YAAY,EAAEmB,IAAI,IAAIA,IAAI,CAAC,YAAY;IACzC,CAAC;IACDN,GAAG;IACHG,WAAW;IACX9B,IAAI,EAAEa,oBAAoB,CAACb,IAAI;IAC/BoC,WAAW,EAAEvB,oBAAoB,CAACuB;EACpC,CAAC;EAED,MAAMhC,KAAK,GAAGY,sBAAsB,GAChC,CAAClC,MAAM,CAACY,sBAAsB,EAAEuB,WAAW,CAACoB,aAAa,CAAC,GAC1DvD,MAAM,CAACY,sBAAsB;EAEjC,oBACEhD,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAyF,QAAQ,CAACnC,IAAI;IAACC,KAAK,EAAEA;EAAM,gBAC1B1D,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC/C,OAAA,CAAAS,OAAqB,EAAKuE,qBAAwB,CACtC,CAAC;AAEpB,CAAC;AAcD,MAAMI,mBAAmB,GAAIC,KAAY,IACvCzD,uBAAU,CAACC,MAAM,CAAC;EAChByD,eAAe,EAAE;IACftD,cAAc,EAAE,eAAe;IAC/BD,UAAU,EAAE;EACd,CAAC;EACDwD,uBAAuB,EAAE;IACvBC,YAAY,EAAEH,KAAK,CAACI,OAAO,CAACC,IAAI;IAChCC,SAAS,EAAEN,KAAK,CAACI,OAAO,CAACG;EAC3B,CAAC;EACDC,cAAc,EAAE;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCC,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBF,SAAS,EAAE;EACb,CAAC;EACDG,YAAY,EAAE;IACZT,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdS,UAAU,EAAE,KAAK;IACjBR,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC,IAAI,CAACC;EAC3B,CAAC;EACDM,qBAAqB,EAAE;IACrBH,cAAc,EAAE;EAClB,CAAC;EACDI,YAAY,EAAE;IACZZ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACU,IAAI,CAACC,MAAM;IAC/BpB,YAAY,EAAE,CAAC;IACfG,SAAS,EAAEN,KAAK,CAACI,OAAO,CAACG,KAAK;IAC9BQ,SAAS,EAAE;EACb,CAAC;EACDS,iBAAiB,EAAE;IACjBlB,SAAS,EAAE,EAAE;IACb1D,KAAK,EAAE;EACT,CAAC;EACD6E,oBAAoB,EAAE;IACpBC,QAAQ,EAAE,CAAC;IACX/E,cAAc,EAAE,cAAc;IAC9BgF,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAUJ,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACzC,MAAM;IACJC,QAAQ;IACRZ,YAAY;IACZV,cAAc,GAAG,EAAE;IACnBuB,iBAAiB;IACjBC,aAAa,GAAG;EAClB,CAAC,GAAGH,KAAK;EACT,MAAM;IAAC7B;EAAK,CAAC,GAAG,IAAAiC,mCAAkB,EAAC,CAAC;EACpC,MAAM,CAACrE,KAAK,EAAEsE,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAiB,CAAC;EAEpD,IAAAlD,gBAAS,EAAC,MAAM;IACd,MAAMmD,aAAa,GAAGrC,mBAAmB,CAACC,KAAK,CAAC;IAChDkC,QAAQ,CAACE,aAAa,CAAC;EACzB,CAAC,EAAE,CAACpC,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC8B,QAAQ,IAAI,CAACZ,YAAY,IAAI,CAACtD,KAAK,EAAE,OAAO,IAAI;EAErD,MAAMyE,eAAe,GACnBP,QAAQ,CAACxE,KAAK,EAAEE,IAAI,IAAI,CAACC,qBAAU,EAAEI,qBAAU,CAAC,CAACyE,QAAQ,CAACR,QAAQ,CAACxE,KAAK,CAACE,IAAI,CAAC;EAEhF,oBACEtD,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAAxD,MAAA,CAAAkB,OAAA,CAAAmH,QAAA,qBACErI,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEA,KAAK,CAACqC;EAAgB,gBACjC/F,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEA,KAAK,CAACsC;EAAwB,gBACzChG,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC1C,OAAA,CAAAI,OAAI;IAACwC,KAAK,EAAEA,KAAK,CAAC4C,cAAe;IAACgC,cAAc;EAAA,GAC9ChC,cACG,CACF,CAAC,eACPtG,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEA,KAAK,CAACoD;EAAsB,gBACvC9G,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC1C,OAAA,CAAAI,OAAI;IAACwC,KAAK,EAAEA,KAAK,CAACsD,YAAa;IAACsB,cAAc;EAAA,GAC5CtB,YACG,CACF,CAAC,eACPhH,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEA,KAAK,CAACwD;EAAsB,gBACvClH,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC1C,OAAA,CAAAI,OAAI;IAACwC,KAAK,EAAEA,KAAK,CAACyD;EAAa,GAAE,IAAA3F,YAAG,EAAC,MAAM,EAAEoG,QAAQ,CAAQ,CAC1D,CACF,CAAC,eACP5H,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAoI,UAAU;IACT7E,KAAK,EAAEA,KAAK,CAAC4D,iBAAkB;IAC/BkB,qBAAqB,EAAE9E,KAAK,CAAC6D,oBAAqB;IAClDkB,8BAA8B,EAAE,KAAM;IACtCC,4BAA4B,EAAE;EAAM,GAEnC,CAACb,iBAAiB,IAAIM,eAAe,gBACpCnI,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACL,SAAS;IAACC,KAAK,EAAEwE,QAAQ,CAACxE,KAAM;IAACC,QAAQ,EAAEyE;EAAc,CAAE,CAAC,GAC3D,IAAI,eACR9H,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IACHC,KAAK,EAAE;MACL0C,SAAS,EAAE+B,eAAe,GAAG,EAAE,GAAG;IACpC;EAAE,gBAEFnI,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAChD,MAAA,CAAAU,OAAM,EAAK0G,QAAW,CACnB,CACI,CACZ,CAAC;AAEP,CAAC;AAOD,MAAMe,gBAAgB,GAAGA,CACvBC,GAAW,EACXC,WAAmB,EACnBhB,iBAA0B,KACX;EACf,MAAMiB,UAAU,GAAGD,WAAW,GAAG,EAAE,GAAGD,GAAG,GAAG,CAAC;EAE7C,OAAOvG,uBAAU,CAACC,MAAM,CAAC;IACvByG,6BAA6B,EAAE;MAC7B9F,QAAQ,EAAE,UAAU;MACpB+F,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,CAAC;MACNhG,MAAM,EAAE,CAAC;MACTiG,eAAe,EAAE;IACnB,CAAC;IACDC,KAAK,EAAE;MACLnG,QAAQ,EAAE,UAAU;MACpB+F,IAAI,EAAE,EAAE,GAAGJ,GAAG,GAAG,CAAC;MAClB1F,MAAM,EAAE,CAAC2E,iBAAiB,GAAG,CAAC,GAAG,EAAE,IAAIe,GAAG,GAAG,CAAC;MAC9CO,eAAe,EAAE,MAAM;MAAE;MACzBxG,MAAM,EAAE,KAAK;MACbD,KAAK,EAAEoG,UAAU;MACjBrG,cAAc,EAAE,eAAe;MAC/BD,UAAU,EAAE,QAAQ;MACpBiF,OAAO,EAAE,EAAE;MACX4B,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAC5G,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAC,CAAC;MACpC4G,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,EAAE,GAAGb,GAAG,GAAG,CAAC;MACvBhG,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAM8G,KAAK,GAAI/B,KAAuB,IAAK;EACzC,MAAM;IAAChC,aAAa;IAAEyD,KAAK;IAAEjF,oBAAoB;IAAEwF,cAAc;IAAEf,GAAG;IAAExE,UAAU,GAAG;EAAG,CAAC,GAAGuD,KAAK;EACjG,MAAM,CAACiC,WAAW,EAAEC,YAAY,CAAC,GAAG,IAAA5B,eAAQ,EAAU,KAAK,CAAC;EAE5D,MAAMJ,iBAAiB,GAAG,IAAAiC,oCAA2B,EAAC,CAAC;EAEvD,MAAMC,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC5CC,qBAAQ,CAACC,OAAO,CAAC,CAAC;IAClBL,YAAY,CAAC,IAAI,CAAC;;IAElB;IACAM,UAAU,CAAC,MAAM;MACfR,cAAc,CAACnE,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;;IAEN;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAC9C;EAAK,CAAC,GAAG,IAAA0H,gCAAmB,EAAC,CAAC;EACrC,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAM3B,gBAAgB,CAACC,GAAG,EAAElG,KAAK,EAAEmF,iBAAiB,CAAC,EACrD,CAACe,GAAG,EAAElG,KAAK,EAAEmF,iBAAiB,CAChC,CAAC;EACD,MAAM0C,YAAY,GAAG3B,GAAG,KAAK,CAAC;EAE9B,MAAM;IACJ4B,OAAO;IACPC,kBAAkB;IAClBzD,YAAY;IACZY,QAAQ;IACRvD,mBAAmB;IACnBC;EACF,CAAC,GAAG8E,KAAK;EAET,IAAIoB,OAAO,EAAE;IACX,oBAAOxK,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;MAACC,KAAK,EAAE2G,UAAU,CAACjB,KAAM;MAACsB,aAAa,EAAEH,YAAY,GAAG,MAAM,GAAG;IAAO,CAAE,CAAC;EACzF;EAEA,oBACEvK,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAyF,QAAQ,CAACnC,IAAI;IACZC,KAAK,EAAE,CAAC2G,UAAU,CAACjB,KAAK,EAAEzD,aAAa,CAAE;IACzC+E,aAAa,EAAEH,YAAY,GAAG,MAAM,GAAG;EAAO,gBAE9CvK,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACkE,QAAQ;IACPpB,cAAc,EAAEmE,kBAAmB;IACnCzD,YAAY,EAAEA,YAAa;IAC3BY,QAAQ,EAAEA,QAAS;IACnBE,aAAa,EAAEyC,YAAa;IAC5B1C,iBAAiB,EAAEA,iBAAkB;IACrC8C,GAAG,EAAC;EAAoB,CACzB,CAAC,EACD9C,iBAAiB,GAAG,IAAI,gBACvB7H,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAAC7C,OAAA,CAAAO,OAAM;IACL0J,QAAQ,EAAEhB,WAAW,IAAID,cAAc,CAACiB,QAAS;IACjDC,WAAW,EAAElB,cAAc,CAACtE,KAAM;IAClCyF,OAAO,EAAEf,mBAAoB;IAC7BgB,MAAM,EAAE,yBAAyB3G,UAAU;EAAG,CAC/C,CACF,EACAwF,WAAW,gBAAG5J,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAE2G,UAAU,CAACtB;EAA8B,CAAE,CAAC,GAAG,IAAI,EAC9E5E,oBAAoB,gBACnBnE,MAAA,CAAAkB,OAAA,CAAAsC,aAAA,CAACU,eAAe;IACdC,oBAAoB,EAAEA,oBAAqB;IAC3CC,UAAU,EAAEA,UAAW;IACvBC,mBAAmB,EAAEA,mBAAoB;IACzCC,sBAAsB,EAAEA,sBAAuB;IAC/CqG,GAAG,EAAC;EAAkB,CACvB,CAAC,GACA,IACS,CAAC;AAEpB,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAA/J,OAAA,GAEawI,KAAK","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","information","getOr","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n Animated,\n Easing,\n Image,\n Keyboard,\n ScrollView,\n StyleSheet,\n TextStyle,\n useWindowDimensions,\n View,\n ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n mediaContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: 200,\n borderRadius: 10,\n overflow: 'hidden'\n },\n image: {\n flex: 1,\n width: '100%'\n },\n correctionPopinWrapper: {\n position: 'absolute',\n bottom: 16,\n width: '105%'\n }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n if (!media) {\n return null;\n }\n\n switch (media.type) {\n case TYPE_VIDEO:\n return (\n <View style={styles.mediaContainer}>\n <Video media={media} autoplay={autoplay} />\n </View>\n );\n case TYPE_IMAGE: {\n const uri = `https://${media.url?.split('//')[1]}`;\n return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n }\n case TYPE_AUDIO:\n default:\n return null;\n }\n};\n\nconst CorrectionPopin = ({\n correctionPopinProps,\n slideIndex,\n showCorrectionPopin,\n animateCorrectionPopin\n}: PopinProps) => {\n const translateUp = useTranslateY({\n fromValue: 500,\n toValue: 0,\n duration: 500,\n easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n });\n\n // the translation is required only once on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => translateUp.start(), []);\n\n if (!showCorrectionPopin) return null;\n\n const klf = correctionPopinProps.klf;\n const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n const next = get('next', correctionPopinProps);\n const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n const _correctionPopinProps = {\n next: {\n onClick,\n label: next && next.label,\n 'data-name': `next-question-button-${slideIndex}`,\n 'aria-label': next && next['aria-label']\n },\n klf,\n information,\n type: correctionPopinProps.type,\n resultLabel: correctionPopinProps.resultLabel\n };\n\n const style = animateCorrectionPopin\n ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n : styles.correctionPopinWrapper;\n\n return (\n <Animated.View style={style}>\n <ReviewCorrectionPopin {..._correctionPopinProps} />\n </Animated.View>\n );\n};\n\ntype StyleSheetType = {\n questionHeading: ViewStyle;\n questionOriginContainer: ViewStyle;\n questionOrigin: TextStyle;\n questionTextContainer: TextStyle;\n questionText: TextStyle;\n questionHelpContainer: ViewStyle;\n questionHelp: TextStyle;\n choicesScrollView: ViewStyle;\n choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n questionHeading: {\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n questionOriginContainer: {\n marginBottom: theme.spacing.tiny,\n marginTop: theme.spacing.small\n },\n questionOrigin: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.text.primary,\n textAlign: 'center'\n },\n questionTextContainer: {\n marginVertical: 4,\n textAlign: 'center'\n },\n questionText: {\n fontSize: 16,\n lineHeight: 22,\n fontWeight: '700',\n color: theme.colors.text.primary\n },\n questionHelpContainer: {\n marginVertical: 4\n },\n questionHelp: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.gray.medium,\n marginBottom: 0,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n choicesScrollView: {\n marginTop: 20,\n width: '100%'\n },\n choicesScrollContent: {\n flexGrow: 1,\n justifyContent: 'space-around',\n padding: 10\n }\n });\n\ntype QuestionProps = {\n autoplayMedia: boolean;\n answerUI: SlideProps['answerUI'];\n isKeyboardVisible: boolean;\n questionText: SlideProps['questionText'];\n questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n const {\n answerUI,\n questionText,\n questionOrigin = '',\n isKeyboardVisible,\n autoplayMedia = false\n } = props;\n const {theme} = useTemplateContext();\n const [style, setStyle] = useState<StyleSheetType>();\n\n useEffect(() => {\n const questionStyle = createQuestionStyle(theme);\n setStyle(questionStyle);\n }, [theme]);\n\n if (!answerUI || !questionText || !style) return null;\n\n const hasVideoOrImage =\n answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n return (\n <>\n <View style={style.questionHeading}>\n <View style={style.questionOriginContainer}>\n <Html style={style.questionOrigin} isTextCentered>\n {questionOrigin}\n </Html>\n </View>\n <View style={style.questionTextContainer}>\n <Html style={style.questionText} isTextCentered>\n {questionText}\n </Html>\n </View>\n <View style={style.questionHelpContainer}>\n <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n </View>\n </View>\n <ScrollView\n style={style.choicesScrollView}\n contentContainerStyle={style.choicesScrollContent}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n >\n {!isKeyboardVisible && hasVideoOrImage ? (\n <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n ) : null}\n <View\n style={{\n marginTop: hasVideoOrImage ? 30 : 0\n }}\n >\n <Answer {...answerUI} />\n </View>\n </ScrollView>\n </>\n );\n};\n\ntype SlideStyle = {\n slide: ViewStyle;\n hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n num: number,\n screenWidth: number,\n isKeyboardVisible: boolean\n): SlideStyle => {\n const slideWidth = screenWidth - 40 - num * 8;\n\n return StyleSheet.create({\n hiddenBackgroundToLockActions: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n backgroundColor: '#00000000'\n },\n slide: {\n position: 'absolute',\n left: 20 + num * 4,\n bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n backgroundColor: '#fff', // theme.colors.white\n height: '90%',\n width: slideWidth,\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 25,\n shadowColor: '#000',\n shadowOffset: {width: 0, height: -1},\n shadowOpacity: 0.05,\n shadowRadius: 16,\n elevation: 10 - num * 1,\n borderRadius: 16\n }\n });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n const [isValidated, setValidated] = useState<boolean>(false);\n\n const isKeyboardVisible = useMobileKeyboardVisibility();\n\n const handleValidatePress = useCallback(() => {\n Keyboard.dismiss();\n setValidated(true);\n\n // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n setTimeout(() => {\n validateButton.onClick();\n }, 20);\n\n // only to create on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const {width} = useWindowDimensions();\n const slideStyle = useMemo(\n () => createSlideStyle(num, width, isKeyboardVisible),\n [num, width, isKeyboardVisible]\n );\n const isFirstSlide = num === 1;\n\n const {\n loading,\n parentContentTitle,\n questionText,\n answerUI,\n showCorrectionPopin,\n animateCorrectionPopin\n } = slide;\n\n if (loading) {\n return <View style={slideStyle.slide} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n }\n\n return (\n <Animated.View\n style={[slideStyle.slide, animatedStyle]}\n pointerEvents={isFirstSlide ? 'auto' : 'none'}\n >\n <Question\n questionOrigin={parentContentTitle}\n questionText={questionText}\n answerUI={answerUI}\n autoplayMedia={isFirstSlide}\n isKeyboardVisible={isKeyboardVisible}\n key=\"question-container\"\n />\n {isKeyboardVisible ? null : (\n <Button\n disabled={isValidated || validateButton.disabled}\n submitValue={validateButton.label}\n onPress={handleValidatePress}\n testID={`slide-validate-button-${slideIndex}`}\n />\n )}\n {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n {correctionPopinProps ? (\n <CorrectionPopin\n correctionPopinProps={correctionPopinProps}\n slideIndex={slideIndex}\n showCorrectionPopin={showCorrectionPopin}\n animateCorrectionPopin={animateCorrectionPopin}\n key=\"correction-popin\"\n />\n ) : null}\n </Animated.View>\n );\n};\n\nexport default Slide;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeAnimation","_index","_interopRequireDefault","_templateContext","_index2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SCREEN","Dimensions","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","fadeInContent","useAnimateProp","property","useEffect","_stylesheet","start","createElement","Animated","View","style","animatedStyle","Platform","select","experimental_backgroundImage","web","backgroundImage","NovaCompositionCoorpacademyCheck","successTitle","successDescription","onPress","testID","NovaSolidStatusClose","NovaCompositionCoorpacademyEmail","successCta","_default","exports"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle, Platform} from 'react-native';\nimport {\n NovaSolidStatusClose as CloseIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n wrapper: ViewStyle;\n content: ViewStyle;\n backButton: ViewStyle;\n closeIcon: ViewStyle & {fill?: string};\n gradients: ViewStyle;\n gradient: ViewStyle;\n gradient2: ViewStyle;\n title: TextStyle;\n description: TextStyle;\n ctaWrapper: ViewStyle;\n ctaOpenInbox: ViewStyle;\n ctaOpenInboxText: TextStyle;\n mailIcon: ViewStyle & {fill?: string};\n checkIconWrapper: ViewStyle;\n checkIconInnerWrapper: ViewStyle;\n checkIcon: ViewStyle & {fill?: string};\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create<StyleSheetType>({\n wrapper: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n paddingHorizontal: 24\n },\n backButton: {\n position: 'absolute',\n top: 60,\n left: 30\n },\n closeIcon: {\n fill: '#515161',\n width: 20,\n height: 20\n } as ViewStyle & {fill?: string},\n gradients: {\n position: 'absolute',\n top: 0,\n height: SCREEN.height,\n left: 0,\n right: 0,\n flex: 1\n },\n gradient: {\n position: 'absolute',\n top: -80,\n bottom: 400,\n left: -180,\n right: -180,\n opacity: 1,\n transform: [{rotate: '15deg'}]\n },\n gradient2: {\n position: 'absolute',\n top: -30,\n bottom: 0,\n left: 0,\n right: 0,\n opacity: 0.6\n },\n content: {\n width: '100%',\n justifyContent: 'space-around',\n alignItems: 'center'\n },\n checkIconWrapper: {\n backgroundColor: '#E8FCF8',\n width: 64,\n height: 64,\n marginVertical: 12,\n borderRadius: 16,\n justifyContent: 'center',\n alignItems: 'center'\n },\n checkIconInnerWrapper: {\n backgroundColor: '#18BB98',\n width: 24,\n height: 24,\n padding: 4,\n borderRadius: 50,\n justifyContent: 'center',\n alignItems: 'center'\n },\n checkIcon: {\n fill: '#fff',\n width: 12,\n height: 12\n } as ViewStyle & {fill?: string},\n title: {\n color: '#1D1D2B',\n fontWeight: '600',\n textAlign: 'center',\n fontSize: 28,\n lineHeight: 36,\n paddingVertical: 8\n },\n description: {\n color: '#1D1D2B',\n fontWeight: '400',\n textAlign: 'center',\n fontSize: 17,\n lineHeight: 24,\n paddingVertical: 8\n },\n ctaWrapper: {\n position: 'absolute',\n width: '100%',\n bottom: 60\n },\n ctaOpenInbox: {\n paddingVertical: 12,\n marginVertical: 4,\n flexDirection: 'row',\n justifyContent: 'center',\n borderRadius: 12,\n alignItems: 'center',\n overflow: 'hidden',\n backgroundColor: theme.colors.cta\n },\n ctaOpenInboxText: {\n marginLeft: 8,\n color: '#fff',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n mailIcon: {\n fill: '#fff',\n height: 14,\n width: 14\n } as ViewStyle & {fill?: string}\n });\n\nexport type Props = {\n onClose: () => void;\n onOpenInbox: () => void;\n locales: {\n successTitle: string;\n successDescription: string;\n successCta: string;\n };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n const {locales, onClose, onOpenInbox} = props;\n const {theme} = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n const translateGradients = useTranslateY({\n fromValue: 50,\n toValue: -SCREEN.height * 0.4,\n duration: 250,\n delay: 650\n });\n\n const fadeInContent = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 650,\n delay: 750\n });\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n useEffect(() => {\n fadeInContent.start();\n translateGradients.start();\n // on mount only\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <Animated.View style={styleSheet.wrapper}>\n <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n <View\n style={[\n styleSheet.gradient,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n }\n })\n ]}\n />\n <View\n style={[\n styleSheet.gradient2,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n }\n })\n ]}\n />\n </Animated.View>\n <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n <View style={styleSheet.checkIconWrapper}>\n <View style={styleSheet.checkIconInnerWrapper}>\n <CheckIcon style={styleSheet.checkIcon} />\n </View>\n </View>\n <Text style={styleSheet.title}>{locales.successTitle}</Text>\n <Text style={styleSheet.description}>{locales.successDescription}</Text>\n </Animated.View>\n\n <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n <CloseIcon style={styleSheet.closeIcon} />\n </Touchable>\n\n <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n <MailIcon style={styleSheet.mailIcon} />\n <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n </Touchable>\n </Animated.View>\n </Animated.View>\n );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeAnimation","_index","_interopRequireDefault","_templateContext","_index2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SCREEN","Dimensions","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","fadeInContent","useAnimateProp","property","useEffect","_stylesheet","start","createElement","Animated","View","style","animatedStyle","Platform","select","experimental_backgroundImage","web","backgroundImage","NovaCompositionCoorpacademyCheck","successTitle","successDescription","onPress","testID","NovaSolidStatusClose","NovaCompositionCoorpacademyEmail","successCta","_default","exports"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle, Platform} from 'react-native';\nimport {\n NovaSolidStatusClose as CloseIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\n\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n wrapper: ViewStyle;\n content: ViewStyle;\n backButton: ViewStyle;\n closeIcon: ViewStyle & {fill?: string};\n gradients: ViewStyle;\n gradient: ViewStyle;\n gradient2: ViewStyle;\n title: TextStyle;\n description: TextStyle;\n ctaWrapper: ViewStyle;\n ctaOpenInbox: ViewStyle;\n ctaOpenInboxText: TextStyle;\n mailIcon: ViewStyle & {fill?: string};\n checkIconWrapper: ViewStyle;\n checkIconInnerWrapper: ViewStyle;\n checkIcon: ViewStyle & {fill?: string};\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create<StyleSheetType>({\n wrapper: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n paddingHorizontal: 24\n },\n backButton: {\n position: 'absolute',\n top: 60,\n left: 30\n },\n closeIcon: {\n fill: '#515161',\n width: 20,\n height: 20\n } as ViewStyle & {fill?: string},\n gradients: {\n position: 'absolute',\n top: 0,\n height: SCREEN.height,\n left: 0,\n right: 0,\n flex: 1\n },\n gradient: {\n position: 'absolute',\n top: -80,\n bottom: 400,\n left: -180,\n right: -180,\n opacity: 1,\n transform: [{rotate: '15deg'}]\n },\n gradient2: {\n position: 'absolute',\n top: -30,\n bottom: 0,\n left: 0,\n right: 0,\n opacity: 0.6\n },\n content: {\n width: '100%',\n justifyContent: 'space-around',\n alignItems: 'center'\n },\n checkIconWrapper: {\n backgroundColor: '#E8FCF8',\n width: 64,\n height: 64,\n marginVertical: 12,\n borderRadius: 16,\n justifyContent: 'center',\n alignItems: 'center'\n },\n checkIconInnerWrapper: {\n backgroundColor: '#18BB98',\n width: 24,\n height: 24,\n padding: 4,\n borderRadius: 50,\n justifyContent: 'center',\n alignItems: 'center'\n },\n checkIcon: {\n fill: '#fff',\n width: 12,\n height: 12\n } as ViewStyle & {fill?: string},\n title: {\n color: '#1D1D2B',\n fontWeight: '600',\n textAlign: 'center',\n fontSize: 28,\n lineHeight: 36,\n paddingVertical: 8\n },\n description: {\n color: '#1D1D2B',\n fontWeight: '400',\n textAlign: 'center',\n fontSize: 17,\n lineHeight: 24,\n paddingVertical: 8\n },\n ctaWrapper: {\n position: 'absolute',\n width: '100%',\n bottom: 60\n },\n ctaOpenInbox: {\n paddingVertical: 12,\n marginVertical: 4,\n flexDirection: 'row',\n justifyContent: 'center',\n borderRadius: 12,\n alignItems: 'center',\n overflow: 'hidden',\n backgroundColor: theme.colors.cta\n },\n ctaOpenInboxText: {\n marginLeft: 8,\n color: '#fff',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n mailIcon: {\n fill: '#fff',\n height: 14,\n width: 14\n } as ViewStyle & {fill?: string}\n });\n\nexport type Props = {\n onClose: () => void;\n onOpenInbox: () => void;\n locales: {\n successTitle: string;\n successDescription: string;\n successCta: string;\n };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n const {locales, onClose, onOpenInbox} = props;\n const {theme} = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n const translateGradients = useTranslateY({\n fromValue: 50,\n toValue: -SCREEN.height * 0.4,\n duration: 250,\n delay: 650\n });\n\n const fadeInContent = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 650,\n delay: 750\n });\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n useEffect(() => {\n fadeInContent.start();\n translateGradients.start();\n // on mount only\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <Animated.View style={styleSheet.wrapper}>\n <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n <View\n style={[\n styleSheet.gradient,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n }\n }) as ViewStyle\n ]}\n />\n <View\n style={[\n styleSheet.gradient2,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n }\n }) as ViewStyle\n ]}\n />\n </Animated.View>\n <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n <View style={styleSheet.checkIconWrapper}>\n <View style={styleSheet.checkIconInnerWrapper}>\n <CheckIcon style={styleSheet.checkIcon} />\n </View>\n </View>\n <Text style={styleSheet.title}>{locales.successTitle}</Text>\n <Text style={styleSheet.description}>{locales.successDescription}</Text>\n </Animated.View>\n\n <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n <CloseIcon style={styleSheet.closeIcon} />\n </Touchable>\n\n <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n <MailIcon style={styleSheet.mailIcon} />\n <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n </Touchable>\n </Animated.View>\n </Animated.View>\n );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeAnimation","_index","_interopRequireDefault","_templateContext","_index2","_colors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","cm_primary_blue","COLORS","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useMemo","Animated","Value","interpolateScale","interpolate","inputRange","outputRange","useEffect","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","View","style","animatedStyle","testID","Platform","select","experimental_backgroundImage","web","backgroundImage","onLongPress","scale","NovaCompositionCoorpacademyLogoCoorp","onPress","NovaCompositionCoorpacademyQrCode","NovaCompositionCoorpacademyEmail","_default","exports"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useMemo, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle, Platform} from 'react-native';\nimport {\n NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n wrapper: ViewStyle;\n animatedLogoWrapper: ViewStyle;\n animatedLogo: ViewStyle;\n logo: ViewStyle;\n logoBG: ViewStyle;\n content: ViewStyle;\n gradients: ViewStyle;\n gradient: ViewStyle;\n gradient2: ViewStyle;\n title: TextStyle;\n description: TextStyle;\n actions: ViewStyle;\n buttons: ViewStyle;\n button: ViewStyle;\n qrCodeIcon: ViewStyle & {fill?: string};\n mailIcon: ViewStyle & {fill?: string};\n ctaQrCode: ViewStyle;\n ctaQrCodeText: TextStyle;\n ctaReceiveMail: ViewStyle;\n ctaReceiveMailText: TextStyle;\n help: ViewStyle;\n titleHelp: TextStyle;\n ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create<StyleSheetType>({\n wrapper: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n flex: 1,\n justifyContent: 'space-around',\n alignItems: 'center',\n paddingHorizontal: 24\n },\n content: {\n width: '100%',\n alignItems: 'flex-start'\n },\n gradients: {\n position: 'absolute',\n top: 400,\n bottom: 400,\n left: 0,\n right: 0,\n flex: 1\n },\n gradient: {\n position: 'absolute',\n top: -730,\n bottom: 0,\n left: -380,\n right: -380,\n opacity: 1,\n transform: [{rotate: '35deg'}]\n },\n gradient2: {\n position: 'absolute',\n top: -630,\n bottom: -200,\n left: -300,\n right: -400,\n opacity: 0.6,\n transform: [{rotate: '-35deg'}]\n },\n animatedLogoWrapper: {\n alignItems: 'center'\n },\n animatedLogo: {\n position: 'absolute',\n width: 77,\n height: 100\n },\n logo: {\n padding: 100\n },\n logoBG: {\n backgroundColor: '#fff',\n top: 20,\n width: 60,\n height: 60\n },\n title: {\n color: '#1D1D2B',\n fontWeight: '600',\n fontSize: 28,\n lineHeight: 36,\n paddingVertical: 8\n },\n description: {\n color: '#1D1D2B',\n fontWeight: '400',\n fontSize: 17,\n lineHeight: 24,\n paddingVertical: 8\n },\n actions: {\n width: '100%'\n },\n buttons: {\n paddingVertical: 20,\n alignItems: 'center'\n },\n button: {\n paddingVertical: 12,\n marginVertical: 4,\n width: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n borderRadius: 12,\n alignItems: 'center',\n overflow: 'hidden'\n },\n ctaQrCode: {\n backgroundColor: theme.colors.cta\n },\n ctaQrCodeText: {\n marginLeft: 8,\n color: '#fff',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n qrCodeIcon: {\n fill: '#fff',\n height: 14,\n width: 14\n } as ViewStyle & {fill?: string},\n ctaReceiveMail: {\n backgroundColor: '#eaeaeb'\n },\n ctaReceiveMailText: {\n marginLeft: 8,\n color: '#1D1D2B',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n mailIcon: {\n fill: '#1D1D2B',\n height: 12,\n width: 16\n } as ViewStyle & {fill?: string},\n help: {\n flexDirection: 'row',\n justifyContent: 'center'\n },\n titleHelp: {\n color: '#9999A8'\n },\n ctaHelp: {\n marginLeft: 5,\n textDecorationLine: 'underline',\n color: '#9999A8'\n } as ViewStyle & {textDecorationLine: string}\n });\n\nexport type Props = {\n onDemoPress: () => void;\n onHelpPress: () => void;\n onQRCodeButtonPress: () => void;\n onReceiveEmailButtonPress: () => void;\n locales: {\n title: string;\n description: string;\n ctaQrCode: string;\n ctaReceiveMail: string;\n titleHelp: string;\n ctaHelp: string;\n };\n};\n\nconst Welcome = (props: Props) => {\n const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n const {theme} = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n const translateGradients = useTranslateY({\n fromValue: 0,\n toValue: -200,\n duration: 300,\n delay: 750\n });\n\n const translateContent = useTranslateY({\n fromValue: 170,\n toValue: 0,\n duration: 450,\n delay: 750\n });\n\n const fadeInContent = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 650,\n delay: 750\n });\n\n const fadeOutStartLogo = useAnimateProp({\n property: 'opacity',\n fromValue: 1,\n toValue: 0,\n duration: 450,\n delay: 1000\n });\n\n const fadeInFinalLogo = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 250,\n delay: 900\n });\n\n const scaleAnim = useMemo(() => new Animated.Value(0), []);\n const interpolateScale = scaleAnim.interpolate({\n inputRange: [0, 0.4, 0.5, 0.6, 1],\n outputRange: [1, 1.7, 1.7, 1.7, 1]\n });\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n useEffect(() => {\n fadeInContent.start();\n fadeInFinalLogo.start();\n fadeOutStartLogo.start();\n translateContent.start();\n translateGradients.start();\n\n const animatedScale = Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 1000,\n useNativeDriver: true\n });\n\n animatedScale.start();\n\n // on mount only\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!styleSheet) {\n return null;\n }\n return (\n <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n <View\n style={[\n styleSheet.gradient,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`\n },\n web: {\n // @ts-ignore\n backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`\n }\n })\n ]}\n />\n <View\n style={[\n styleSheet.gradient2,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'\n }\n })\n ]}\n />\n </Animated.View>\n\n <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n <Animated.View\n style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n >\n <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n <LogoCoorp fill=\"#0061FF\" />\n </Animated.View>\n <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n <LogoCoorp fill=\"#fff\" />\n </Animated.View>\n </Animated.View>\n </Touchable>\n <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n <Text style={styleSheet.title}>{locales.title}</Text>\n <Text style={styleSheet.description}>{locales.description}</Text>\n\n <View style={styleSheet.actions}>\n <View style={styleSheet.buttons}>\n <Touchable\n style={[styleSheet.button, styleSheet.ctaQrCode]}\n onPress={onQRCodeButtonPress}\n testID=\"qr-code-button\"\n >\n <QrCodeIcon style={styleSheet.qrCodeIcon} />\n <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n </Touchable>\n <Touchable\n style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n onPress={onReceiveEmailButtonPress}\n testID=\"receive-email-button\"\n >\n <MailIcon style={styleSheet.mailIcon} />\n <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n </Touchable>\n </View>\n <Touchable onPress={onHelpPress} style={styleSheet.help}>\n <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n </Touchable>\n </View>\n </Animated.View>\n </Animated.View>\n );\n};\n\nexport default Welcome;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeAnimation","_index","_interopRequireDefault","_templateContext","_index2","_colors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","cm_primary_blue","COLORS","createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useMemo","Animated","Value","interpolateScale","interpolate","inputRange","outputRange","useEffect","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","View","style","animatedStyle","testID","Platform","select","experimental_backgroundImage","web","backgroundImage","onLongPress","scale","NovaCompositionCoorpacademyLogoCoorp","onPress","NovaCompositionCoorpacademyQrCode","NovaCompositionCoorpacademyEmail","_default","exports"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useMemo, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle, Platform} from 'react-native';\nimport {\n NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n wrapper: ViewStyle;\n animatedLogoWrapper: ViewStyle;\n animatedLogo: ViewStyle;\n logo: ViewStyle;\n logoBG: ViewStyle;\n content: ViewStyle;\n gradients: ViewStyle;\n gradient: ViewStyle;\n gradient2: ViewStyle;\n title: TextStyle;\n description: TextStyle;\n actions: ViewStyle;\n buttons: ViewStyle;\n button: ViewStyle;\n qrCodeIcon: ViewStyle & {fill?: string};\n mailIcon: ViewStyle & {fill?: string};\n ctaQrCode: ViewStyle;\n ctaQrCodeText: TextStyle;\n ctaReceiveMail: ViewStyle;\n ctaReceiveMailText: TextStyle;\n help: ViewStyle;\n titleHelp: TextStyle;\n ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create<StyleSheetType>({\n wrapper: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n flex: 1,\n justifyContent: 'space-around',\n alignItems: 'center',\n paddingHorizontal: 24\n },\n content: {\n width: '100%',\n alignItems: 'flex-start'\n },\n gradients: {\n position: 'absolute',\n top: 400,\n bottom: 400,\n left: 0,\n right: 0,\n flex: 1\n },\n gradient: {\n position: 'absolute',\n top: -730,\n bottom: 0,\n left: -380,\n right: -380,\n opacity: 1,\n transform: [{rotate: '35deg'}]\n },\n gradient2: {\n position: 'absolute',\n top: -630,\n bottom: -200,\n left: -300,\n right: -400,\n opacity: 0.6,\n transform: [{rotate: '-35deg'}]\n },\n animatedLogoWrapper: {\n alignItems: 'center'\n },\n animatedLogo: {\n position: 'absolute',\n width: 77,\n height: 100\n },\n logo: {\n padding: 100\n },\n logoBG: {\n backgroundColor: '#fff',\n top: 20,\n width: 60,\n height: 60\n },\n title: {\n color: '#1D1D2B',\n fontWeight: '600',\n fontSize: 28,\n lineHeight: 36,\n paddingVertical: 8\n },\n description: {\n color: '#1D1D2B',\n fontWeight: '400',\n fontSize: 17,\n lineHeight: 24,\n paddingVertical: 8\n },\n actions: {\n width: '100%'\n },\n buttons: {\n paddingVertical: 20,\n alignItems: 'center'\n },\n button: {\n paddingVertical: 12,\n marginVertical: 4,\n width: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n borderRadius: 12,\n alignItems: 'center',\n overflow: 'hidden'\n },\n ctaQrCode: {\n backgroundColor: theme.colors.cta\n },\n ctaQrCodeText: {\n marginLeft: 8,\n color: '#fff',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n qrCodeIcon: {\n fill: '#fff',\n height: 14,\n width: 14\n } as ViewStyle & {fill?: string},\n ctaReceiveMail: {\n backgroundColor: '#eaeaeb'\n },\n ctaReceiveMailText: {\n marginLeft: 8,\n color: '#1D1D2B',\n fontWeight: '700',\n fontSize: 14,\n lineHeight: 24\n },\n mailIcon: {\n fill: '#1D1D2B',\n height: 12,\n width: 16\n } as ViewStyle & {fill?: string},\n help: {\n flexDirection: 'row',\n justifyContent: 'center'\n },\n titleHelp: {\n color: '#9999A8'\n },\n ctaHelp: {\n marginLeft: 5,\n textDecorationLine: 'underline',\n color: '#9999A8'\n } as ViewStyle & {textDecorationLine: string}\n });\n\nexport type Props = {\n onDemoPress: () => void;\n onHelpPress: () => void;\n onQRCodeButtonPress: () => void;\n onReceiveEmailButtonPress: () => void;\n locales: {\n title: string;\n description: string;\n ctaQrCode: string;\n ctaReceiveMail: string;\n titleHelp: string;\n ctaHelp: string;\n };\n};\n\nconst Welcome = (props: Props) => {\n const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n const {theme} = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n const translateGradients = useTranslateY({\n fromValue: 0,\n toValue: -200,\n duration: 300,\n delay: 750\n });\n\n const translateContent = useTranslateY({\n fromValue: 170,\n toValue: 0,\n duration: 450,\n delay: 750\n });\n\n const fadeInContent = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 650,\n delay: 750\n });\n\n const fadeOutStartLogo = useAnimateProp({\n property: 'opacity',\n fromValue: 1,\n toValue: 0,\n duration: 450,\n delay: 1000\n });\n\n const fadeInFinalLogo = useAnimateProp({\n property: 'opacity',\n fromValue: 0,\n toValue: 1,\n duration: 250,\n delay: 900\n });\n\n const scaleAnim = useMemo(() => new Animated.Value(0), []);\n const interpolateScale = scaleAnim.interpolate({\n inputRange: [0, 0.4, 0.5, 0.6, 1],\n outputRange: [1, 1.7, 1.7, 1.7, 1]\n });\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n useEffect(() => {\n fadeInContent.start();\n fadeInFinalLogo.start();\n fadeOutStartLogo.start();\n translateContent.start();\n translateGradients.start();\n\n const animatedScale = Animated.timing(scaleAnim, {\n toValue: 1,\n duration: 1000,\n useNativeDriver: true\n });\n\n animatedScale.start();\n\n // on mount only\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!styleSheet) {\n return null;\n }\n return (\n <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n <View\n style={[\n styleSheet.gradient,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`\n },\n web: {\n // @ts-ignore\n backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`\n }\n }) as ViewStyle\n ]}\n />\n <View\n style={[\n styleSheet.gradient2,\n Platform.select({\n default: {\n // @ts-ignore\n experimental_backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'\n },\n web: {\n // @ts-ignore\n backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'\n }\n }) as ViewStyle\n ]}\n />\n </Animated.View>\n\n <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n <Animated.View\n style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n >\n <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n <LogoCoorp fill=\"#0061FF\" />\n </Animated.View>\n <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n <LogoCoorp fill=\"#fff\" />\n </Animated.View>\n </Animated.View>\n </Touchable>\n <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n <Text style={styleSheet.title}>{locales.title}</Text>\n <Text style={styleSheet.description}>{locales.description}</Text>\n\n <View style={styleSheet.actions}>\n <View style={styleSheet.buttons}>\n <Touchable\n style={[styleSheet.button, styleSheet.ctaQrCode]}\n onPress={onQRCodeButtonPress}\n testID=\"qr-code-button\"\n >\n <QrCodeIcon style={styleSheet.qrCodeIcon} />\n <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n </Touchable>\n <Touchable\n style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n onPress={onReceiveEmailButtonPress}\n testID=\"receive-email-button\"\n >\n <MailIcon style={styleSheet.mailIcon} />\n <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n </Touchable>\n </View>\n <Touchable onPress={onHelpPress} style={styleSheet.help}>\n <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n </Touchable>\n </View>\n </Animated.View>\n </Animated.View>\n );\n};\n\nexport default Welcome;\n"],"mappings":"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","ignoreList":[]}
|