npm - @coorpacademy/components - Versions diffs - 11.40.18-react18.12 → 11.40.18-react18.13 - Mend

@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.

Files changed (25) hide show

package/es/atom/battle-opponent/index.js CHANGED Viewed

@@ -28,17 +28,15 @@ const BattleOpponent = ({
   const buttonRef = useRef(null);
   const handleMouseOver = useCallback(() => {
     mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
-    // @ts-expect-error (error: focus does not exists on type never)
     /* istanbul ignore next */
-    has(['current', 'focus'], buttonRef) && buttonRef.current.focus();
+    has(['current', 'focus'], buttonRef) && buttonRef.current?.focus();
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = useCallback(() => {
     setMouseLeaveTimer(setTimeout(() => {
       setToolTipIsVisible(false);
-      // @ts-expect-error (error: blur does not exists on type never)
       /* istanbul ignore next */
-      has(['current', 'blur'], buttonRef) && buttonRef.current.blur();
+      has(['current', 'blur'], buttonRef) && buttonRef.current?.blur();
     }, 500));
   }, []);
   const handleKeyPress = useCallback(event => {

package/es/atom/battle-opponent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","useRef","classnames","v5","uuidV5","has","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyInformationIcon","InformationIcon","ToolTip","toggleStateOnKeyPress","Provider","GetTranslateFromContext","propTypes","style","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","wrapperClassnames","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","URL","buttonRef","handleMouseOver","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","TooltipContent","_props","createElement","_extends","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","rightArrow","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAO,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AACjC,OAAOC,GAAG,MAAM,eAAe;AAC/B,SACEC,mCAAmC,IAAIC,UAAU,EACjDC,0CAA0C,IAAIC,eAAe,QACxD,0BAA0B;AACjC,OAAOC,OAAO,IAAGC,qBAAqB,QAAO,YAAY;AACzD,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,aAAa;AAE7D,OAAOC,SAAS,MAA6B,cAAc;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGA,CACrB;EACEC,gBAAgB;EAChBC,QAAQ;EACRC,aAAa;EACbC,OAAO;EACPC,WAAW;EACXC,WAAW;EACX,YAAY,EAAEC;AACK,CAAC,EACtBC,aAA+B,KAC5B;EACH,MAAMC,SAAkD,GAAGZ,uBAAuB,CAACW,aAAa,CAAC;EACjG,MAAME,iBAAiB,GAAG3B,OAAO,CAC/B,MAAMG,UAAU,CAACa,KAAK,CAACY,IAAI,EAAEZ,KAAK,CAACa,YAAY,EAAEV,QAAQ,GAAGH,KAAK,CAACc,MAAM,GAAG,IAAI,CAAC,EAChF,CAACX,QAAQ,CACX,CAAC;EAED,MAAMY,qBAAqB,GAAG/B,OAAO,CACnC,MAAMG,UAAU,CAACa,KAAK,CAACgB,IAAI,EAAEd,gBAAgB,GAAGF,KAAK,CAACiB,cAAc,GAAG,IAAI,CAAC,EAC5E,CAACf,gBAAgB,CACnB,CAAC;EAED,MAAM,CAACgB,eAAe,EAAEC,kBAAkB,CAAC,GAAGlC,QAAQ,CAAqBmC,SAAS,CAAC;EACrF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrC,QAAQ,CAAC,KAAK,CAAC;;EAE/D;EACA,MAAM,CAACsC,oBAAoB,CAAC,GAAGtC,QAAQ,CACrCiB,gBAAgB,GAAGb,MAAM,CAAC,iBAAiB,EAAEA,MAAM,CAACmC,GAAG,CAAC,GAAGJ,SAC7D,CAAC;EAED,MAAMK,SAAS,GAAGvC,MAAM,CAAC,IAAI,CAAC;EAE9B,MAAMwC,eAAe,GAAG3C,WAAW,CAAC,MAAM;IACxCmC,eAAe,IAAIS,YAAY,CAACT,eAAe,CAAC;IAChD;~~IACA;~~IAA2B5B,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAEmC,SAAS,CAAC,~~IAAIA~~,SAAS,CAACG,OAAO,~~CAACC~~,KAAK,CAAC,CAAC;~~IAC5FP~~,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACJ,eAAe,CAAC,CAAC;EAErB,MAAMY,gBAAgB,GAAG/C,WAAW,CAAC,MAAM;IACzCoC,kBAAkB,CAChBY,UAAU,CAAC,MAAM;MACfT,mBAAmB,CAAC,KAAK,CAAC;MAC1B;~~MACA;~~MAA2BhC,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAEmC,SAAS,CAAC,~~IAAIA~~,SAAS,CAACG,OAAO,~~CAACI~~,IAAI,CAAC,CAAC;~~IAC5F~~,CAAC,EAAE,GAAG,CACR,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,cAAc,GAAGlD,WAAW,CAChCmD,KAAK,IAAI;IACPtC,qBAAqB,CAACyB,gBAAgB,EAAEC,mBAAmB,EAAEG,SAAS,CAAC,CAACS,KAAK,CAAC;EAChF,CAAC,EACD,CAACb,gBAAgB,CACnB,CAAC;EAED,MAAMc,cAAc,GAAGpD,WAAW,CAChCqD,MAAM,iBACJtD,KAAA,CAAAuD,aAAA,MAAAC,QAAA,KACMF,MAAM;IACVG,WAAW,EAAEb,eAAgB;IAC7Bc,YAAY,EAAEV,gBAAiB;IAC/B,eAAY;EAAiC,IAE5CvB,WACA,CACJ,EACD,CAACuB,gBAAgB,EAAEJ,eAAe,EAAEnB,WAAW,CACjD,CAAC;EAED,oBACEzB,KAAA,CAAAuD,aAAA,OAAAC,QAAA,KACO,CAACpC,gBAAgB,IAAI;IAACG;EAAO,CAAC;IACnCoC,SAAS,EAAE9B,iBAAkB;IAC7B,eAAY,yBAAyB;IACrC+B,QAAQ,EAAE;EAAE,iBAEZ5D,KAAA,CAAAuD,aAAA;IAAKI,SAAS,EAAEzC,KAAK,CAAC2C;EAAO,GAAExC,QAAQ,GAAG,IAAI,gBAAGrB,KAAA,CAAAuD,aAAA;IAAKO,GAAG,EAAExC,aAAc;IAACyC,GAAG,EAAC;EAAE,CAAE,CAAO,CAAC,eAC1F/D,KAAA,CAAAuD,aAAA;IAAGI,SAAS,EAAE1B,qBAAsB;IAAC2B,QAAQ,EAAE;EAAE,GAC9CpC,WACA,CAAC,EACHJ,gBAAgB,gBACfpB,KAAA,CAAAuD,aAAA,CAAAvD,KAAA,CAAAgE,QAAA,qBACEhE,KAAA,CAAAuD,aAAA;IACEU,GAAG,EAAEtB,SAAU;IACfiB,QAAQ,EAAE,CAAE;IACZM,IAAI,EAAC,QAAQ;IACbP,SAAS,EAAEzC,KAAK,CAACiD,oBAAqB;IACtC,eAAY,4CAA4C;IACxDC,SAAS,EAAEjB,cAAe;IAC1BO,YAAY,EAAEV,gBAAiB;IAC/BS,WAAW,EAAEb,eAAgB;IAC7B,YAAUH,oBAAqB;IAC/B,sBAAmB,MAAM;IACzB,YAAUrB,gBAAiB;IAC3B,cAAYM;EAAU,gBAEtB1B,KAAA,CAAAuD,aAAA,CAAC3C,eAAe;IAAC+C,SAAS,EAAEzC,KAAK,CAACmD,eAAgB;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACrE,CAAC,eACTvE,KAAA,CAAAuD,aAAA;IAAMI,SAAS,EAAEzC,KAAK,CAACsD;EAAe,gBACpCxE,KAAA,CAAAuD,aAAA,CAAC1C,OAAO;IACN4D,QAAQ,EAAE,EAAG;IACbC,QAAQ,EAAEjC,oBAAqB;IAC/BF,gBAAgB,EAAEA,gBAAiB;IACnCc,cAAc,EAAEA,cAAe;IAC/BsB,oCAAoC,EAAE/C,SAAS,CAAC,2BAA2B;EAAE,CAC9E,CACG,CACN,CAAC,gBAEH5B,KAAA,CAAAuD,aAAA,CAAC7C,UAAU;IAACiD,SAAS,EAAEzC,KAAK,CAAC0D,UAAW;IAACN,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAEjE,CAAC;AAET,CAAC;AAEDpD,cAAc,CAACF,SAAS,GAAA4D,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG9D,SAAS;AAEpCE,cAAc,CAAC6D,YAAY,GAAG;EAC5BpD,SAAS,EAAEb,QAAQ,CAACkE,iBAAiB,CAACrD;AACxC,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","useRef","classnames","v5","uuidV5","has","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyInformationIcon","InformationIcon","ToolTip","toggleStateOnKeyPress","Provider","GetTranslateFromContext","propTypes","style","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","wrapperClassnames","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","URL","buttonRef","handleMouseOver","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","TooltipContent","_props","createElement","_extends","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","rightArrow","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":[]}

package/es/atom/button-link/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ICONS } from '../../util/button-icons';
 import Tag from '../tag';
@@ -75,7 +75,7 @@ export declare type ButtonLinkProps = {
     type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';
     usage?: 'button' | 'submit' | 'reset';
     label?: string;
-    content?: PropTypes.ReactNodeLike;
+    content?: React.ReactNode;
     'aria-label'?: string;
     tooltipText?: string;
     tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';

package/es/atom/button-link/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,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,~~SAAS~~,CAAC,~~aAAa~~,CAAC;~~IAClC~~,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	+ {"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"}

package/es/atom/button-link/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["PropTypes","ICONS","faIconPropTypes","name","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","position","oneOf","type","_keys","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"],"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?: ~~PropTypes~~.~~ReactNodeLike~~;\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":";~~AAAA~~,OAAOA,SAAS,MAAM,YAAY;AAElC,SAAQC,KAAK,QAAO,yBAAyB;AAG7C,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEN,SAAS,CAACI,MAAM;EACvBG,eAAe,EAAEP,SAAS,CAACI,MAAM;EACjCI,IAAI,EAAER,SAAS,CAACS,MAAM;EACtBC,WAAW,EAAEV,SAAS,CAACW;AACzB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAEb,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEf,SAAS,CAACc,KAAK,CAACE,KAAA,CAAKf,KAAK,CAAC,CAAC;EAClCgB,MAAM,EAAEjB,SAAS,CAACkB,KAAK,CAAChB,eAAe;AACzC,CAAC;AAED,MAAMiB,SAAS,GAAG;EAChBJ,IAAI,EAAEf,SAAS,CAACc,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFM,KAAK,EAAEpB,SAAS,CAACc,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDO,KAAK,EAAErB,SAAS,CAACI,MAAM;EACvBkB,OAAO,EAAEtB,SAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,SAAS,CAACI,MAAM;EAC9BoB,WAAW,EAAExB,SAAS,CAACI,MAAM;EAC7BqB,gBAAgB,EAAEzB,SAAS,CAACc,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEd,SAAS,CAACI,MAAM;EAC7B,aAAa,EAAEJ,SAAS,CAACI,MAAM;EAC/BsB,IAAI,EAAE1B,SAAS,CAAC2B,SAAS,CAAC,CACxB3B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,EAC9BZ,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,CAAC,CAClD,CAAC;EACFiB,OAAO,EAAE7B,SAAS,CAAC8B,IAAI;EACvBC,IAAI,EAAE/B,SAAS,CAACkB,KAAK,CAAC;IACpBc,IAAI,EAAEhC,SAAS,CAACI,MAAM;IACtB6B,QAAQ,EAAEjC,SAAS,CAACkC,IAAI;IACxBC,MAAM,EAAEnC,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFsB,oBAAoB,EAAEpC,SAAS,CAACI,MAAM;EACtCiC,UAAU,EAAErC,SAAS,CAACI,MAAM;EAC5BkC,QAAQ,EAAEtC,SAAS,CAACkC,IAAI;EACxBK,SAAS,EAAEvC,SAAS,CAACI,MAAM;EAC3BM,WAAW,EAAEV,SAAS,CAACW,MAAM;EAC7B6B,kBAAkB,EAAExC,SAAS,CAACW,MAAM;EACpC8B,QAAQ,EAAEzC,SAAS,CAACkC,IAAI;EACxBQ,oBAAoB,EAAE1C,SAAS,CAACI;AAClC,CAAC;AA+CD,eAAee,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":["PropTypes","ICONS","faIconPropTypes","name","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","position","oneOf","type","_keys","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"],"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,OAAOA,SAAS,MAAM,YAAY;AAElC,SAAQC,KAAK,QAAO,yBAAyB;AAG7C,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEN,SAAS,CAACI,MAAM;EACvBG,eAAe,EAAEP,SAAS,CAACI,MAAM;EACjCI,IAAI,EAAER,SAAS,CAACS,MAAM;EACtBC,WAAW,EAAEV,SAAS,CAACW;AACzB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAEb,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEf,SAAS,CAACc,KAAK,CAACE,KAAA,CAAKf,KAAK,CAAC,CAAC;EAClCgB,MAAM,EAAEjB,SAAS,CAACkB,KAAK,CAAChB,eAAe;AACzC,CAAC;AAED,MAAMiB,SAAS,GAAG;EAChBJ,IAAI,EAAEf,SAAS,CAACc,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFM,KAAK,EAAEpB,SAAS,CAACc,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDO,KAAK,EAAErB,SAAS,CAACI,MAAM;EACvBkB,OAAO,EAAEtB,SAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,SAAS,CAACI,MAAM;EAC9BoB,WAAW,EAAExB,SAAS,CAACI,MAAM;EAC7BqB,gBAAgB,EAAEzB,SAAS,CAACc,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEd,SAAS,CAACI,MAAM;EAC7B,aAAa,EAAEJ,SAAS,CAACI,MAAM;EAC/BsB,IAAI,EAAE1B,SAAS,CAAC2B,SAAS,CAAC,CACxB3B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,EAC9BZ,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,CAAC,CAClD,CAAC;EACFiB,OAAO,EAAE7B,SAAS,CAAC8B,IAAI;EACvBC,IAAI,EAAE/B,SAAS,CAACkB,KAAK,CAAC;IACpBc,IAAI,EAAEhC,SAAS,CAACI,MAAM;IACtB6B,QAAQ,EAAEjC,SAAS,CAACkC,IAAI;IACxBC,MAAM,EAAEnC,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFsB,oBAAoB,EAAEpC,SAAS,CAACI,MAAM;EACtCiC,UAAU,EAAErC,SAAS,CAACI,MAAM;EAC5BkC,QAAQ,EAAEtC,SAAS,CAACkC,IAAI;EACxBK,SAAS,EAAEvC,SAAS,CAACI,MAAM;EAC3BM,WAAW,EAAEV,SAAS,CAACW,MAAM;EAC7B6B,kBAAkB,EAAExC,SAAS,CAACW,MAAM;EACpC8B,QAAQ,EAAEzC,SAAS,CAACkC,IAAI;EACxBQ,oBAAoB,EAAE1C,SAAS,CAACI;AAClC,CAAC;AA+CD,eAAee,SAAS","ignoreList":[]}

package/es/atom/gradient/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","View","StyleSheet","Platform","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","to","alpha","toString","_style","push","gradientString","join","gradientStyle","select","default","experimental_backgroundImage","web","backgroundImage","combinedStyle","flatten"],"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: ~~ViewStyle~~ = 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, ..._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,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAAQC,IAAI,EAAaC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAClE,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,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,oBAAOlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,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,IAAInB,KAAK,CAACkB,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBJ,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIjB,KAAK,EAAE;IACTiB,MAAM,CAACC,IAAI,CAAClB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVkB,MAAM,CAACC,IAAI,CAAC;MAACnB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMoB,cAAc,GAAG,2BAA2BR,gBAAgB,CAACS,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,~~aAAwB~~,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;~~IAC/CC~~,OAAO,EAAE;MACP;MACAC,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CAACP,aAAa,~~EAAE~~,GAAGJ,MAAM,CAAC,CAAC;~~EAEpE~~,oBACE3B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACS,KAAK,EAAE2B,aAAc;IAACzB,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"index.native.js","names":["React","View","StyleSheet","Platform","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","to","alpha","toString","_style","push","gradientString","join","gradientStyle","select","default","experimental_backgroundImage","web","backgroundImage","combinedStyle","flatten"],"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,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAAQC,IAAI,EAAaC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAClE,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,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,oBAAOlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,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,IAAInB,KAAK,CAACkB,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBJ,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIjB,KAAK,EAAE;IACTiB,MAAM,CAACC,IAAI,CAAClB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVkB,MAAM,CAACC,IAAI,CAAC;MAACnB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMoB,cAAc,GAAG,2BAA2BR,gBAAgB,CAACS,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,aAAa,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;IACpCC,OAAO,EAAE;MACP;MACAC,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CAACP,aAAa,EAAe,GAAGJ,MAAM,CAAC,CAAC;EAEjF,oBACE3B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACS,KAAK,EAAE2B,aAAc;IAACzB,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}

package/es/atom/icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"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;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,eAAe,QAAO,gCAAgC;AAC9D,SAAQC,GAAG,QAAO,mCAAmC;AACrD,SAAkBC,OAAO,~~QAAO~~,mCAAmC;~~AACnE~~,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,KAAK,MAAM,aAAa;AAE/BN,OAAO,CAACO,GAAG,CAACR,~~GAAG~~,CAAC;~~AAEhB~~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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"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":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,eAAe,QAAO,gCAAgC;AAC9D,SAAQC,GAAG,QAAO,mCAAmC;AACrD,SAAkBC,OAAO,QAAiB,mCAAmC;AAC7E,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,KAAK,MAAM,aAAa;AAE/BN,OAAO,CAACO,GAAG,CAACR,GAAe,CAAC;AAE5B,OAAO,MAAMS,cAAc,GAAG,GAAG;AACjC,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,kBAAkB,GAAG,iBAAiB;AAkBnD,OAAO,SAASC,kBAAkBA,CAACC,eAAuB,EAAU;EAClE,OAAOV,OAAO,CAAC,SAASU,eAAe,cAAcL,eAAe,KAAK,CAAC;AAC5E;AAEA,MAAMM,YAAgD,GAAG;EACvDC,CAAC,EAAE;IACDC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDC,CAAC,EAAE;IACDF,MAAM,EAAE,EAAE;IACVC,WAAW,EAAER;EACf,CAAC;EACDU,EAAE,EAAE;IACFH,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf;AACF,CAAC;AAED,MAAMG,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,SAAS;EACTT,eAAe;EACfU,kBAAkB;EAClBC,YAAY;EACZC,MAAM,GAAGlB,cAAc;EACvBmB,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAMC,kBAAkB,GACtBN,SAAS,KAAKT,eAAe,GAAGD,kBAAkB,CAACC,eAAe,CAAC,GAAGF,kBAAkB,CAAC;EAE3F,MAAMkB,aAAa,GAAGH,IAAI,GACtBzB,KAAK,CAACa,YAAY,CAACP,cAAc,CAAC,EAAEmB,IAAI,CAAC,GACzCxB,KAAK,CAACY,YAAY,CAACP,cAAc,CAAC,EAAEP,OAAO,CAACyB,MAAM,CAAC,EAAEX,YAAY,CAAC;EAEtE,MAAMgB,aAAa,GAAGjB,eAAe,IAAIU,kBAAkB;EAC3D,IAAI,CAACO,aAAa,EAAE;IAClB,oBACEnC,KAAA,CAAAoC,aAAA,CAAClC,eAAe;MACdmC,IAAI,EAAE,MAAMX,QAAQ,EAAe;MACnCY,KAAK,EAAEL,kBAAmB;MAC1BM,QAAQ,EAAEL,aAAa,CAACb,MAAO;MAC/BX,KAAK,EAAEsB;IAAY,CACpB,CAAC;EAEN;EAEA,MAAMV,WAAW,GAAGY,aAAa,CAACZ,WAAW,GAAGP,YAAY,GAAG,CAAC;EAChE,MAAMyB,gBAA+B,GAAG;IACtCC,UAAU,EAAEb,kBAAkB,GAC1BnB,wBAAwB,CAACwB,kBAAkB,EAAE,KAAK,EAAE,KAAK,CAAC,GAC1Df,eAAe;IACnBW,YAAY;IACZa,KAAK,EAAEpB,WAAW;IAClBqB,MAAM,EAAErB,WAAW;IACnBsB,OAAO,EAAE7B;EACX,CAAC;EAED,oBACEf,KAAA,CAAAoC,aAAA;IAAKS,SAAS,EAAEnC,KAAK,CAACoC,WAAY;IAACpC,KAAK,EAAE;MAAC,GAAG8B,gBAAgB;MAAE,GAAGR;IAAW;EAAE,gBAC9EhC,KAAA,CAAAoC,aAAA,CAAClC,eAAe;IACdmC,IAAI,EAAE,MAAMX,QAAQ,EAAe;IACnCY,KAAK,EAAEL,kBAAmB;IAC1BM,QAAQ,EAAEL,aAAa,CAACb;EAAO,CAChC,CACE,CAAC;AAEV,CAAC;AAED,OAAO,MAAM0B,SAAS,GAAG;EACvBrB,QAAQ,EAAEzB,SAAS,CAAC+C,MAAM,CAACC,UAAU;EACrCtB,SAAS,EAAE1B,SAAS,CAAC+C,MAAM;EAC3B9B,eAAe,EAAEjB,SAAS,CAAC+C,MAAM;EACjCpB,kBAAkB,EAAE3B,SAAS,CAACiD,IAAI;EAClCrB,YAAY,EAAE5B,SAAS,CAAC+C,MAAM;EAC9BlB,MAAM,EAAE7B,SAAS,CAACkD,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;EACzCpB,IAAI,EAAE9B,SAAS,CAACmD,KAAK,CAAC;IACpB/B,MAAM,EAAEpB,SAAS,CAACoD,MAAM,CAACJ,UAAU;IACnC3B,WAAW,EAAErB,SAAS,CAACoD,MAAM,CAACJ;EAChC,CAAC,CAAC;EACFjB,WAAW,EAAE/B,SAAS,CAACqD,QAAQ,CAACrD,SAAS,CAACsD,SAAS,CAAC,CAACtD,SAAS,CAAC+C,MAAM,EAAE/C,SAAS,CAACoD,MAAM,CAAC,CAAC;AAC3F,CAAC;;AAED;AACA;AACA;AACA;;AAEA5B,IAAI,CAACsB,SAAS,GAAAS,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGX,SAAS;AAC1B;;AAEA,eAAetB,IAAI","ignoreList":[]}

package/es/organism/mobile-navigation/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","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","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","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","blurAmount","blurType","map","prop","index","handlePress","action","key","label","icon"],"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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~~CAAC~~;~~IAC3C~~+D,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAChE,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC8D,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE3E,KAAA,CAAAqE,aAAA,CAAClE,IAAI;IAACmE,KAAK,EAAEK,UAAU,CAAC5D;EAAU,gBAChCf,KAAA,CAAAqE,aAAA,CAAClE,IAAI;IAACmE,KAAK,EAAEK,UAAU,CAAC3C;EAAO,GAC5B1B,QAAQ,CAACiC,EAAE,KAAK,KAAK,gBACpBvC,KAAA,CAAAqE,aAAA,CAAC9D,QAAQ;IAAC+D,KAAK,EAAEK,UAAU,CAAC/C,IAAK;IAACkD,UAAU,EAAE,EAAG;IAACC,QAAQ,EAAC;EAAQ,CAAE,CAAC,GACpE,IAAI,EACPP,KAAK,CAACQ,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC1B,MAAMC,WAAW,GAAGF,IAAI,CAACG,MAAM;IAC/B,oBACEpF,KAAA,CAAAqE,aAAA,CAACP,MAAM;MACLuB,GAAG,EAAE,UAAUJ,IAAI,CAACK,KAAK,EAAG;MAC5BtB,KAAK,EAAEiB,IAAI,CAACK,KAAM;MAClBpB,IAAI,EAAEe,IAAI,CAACM,IAAK;MAChBnB,OAAO,EAAEe,WAAY;MACrBlB,QAAQ,EAAEiB,KAAK,KAAKT,iBAAkB;MACtCV,MAAM,EAAE,oBAAoBmB,KAAK,EAAG;MACpCf,MAAM,EAAEQ,UAAW;MACnB9D,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACG,CACF,CAAC;AAEX,CAAC;AAED,eAAe0D,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","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","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","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","blurAmount","blurType","map","prop","index","handlePress","action","key","label","icon"],"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":"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","ignoreList":[]}

package/es/organism/review-slide/index.native.js CHANGED Viewed

@@ -77,7 +77,7 @@ const CorrectionPopin = ({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => translateUp.start(), []);
   if (!showCorrectionPopin) return null;
-  const klf = getOr(undefined, 'klf', correctionPopinProps);
+  const klf = correctionPopinProps.klf;
   const information = getOr({
     label: '',
     message: ''

package/es/organism/review-slide/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","createElement","style","uri","url","split","source","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","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","setStyle","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID"],"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":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","createElement","style","uri","url","split","source","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","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","setStyle","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID"],"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":[]}

package/es/template/mobile-login/confirm-email-sent/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Dimensions","StyleSheet","View","Platform","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_stylesheet","start","createElement","style","animatedStyle","select","default","experimental_backgroundImage","web","backgroundImage","successTitle","successDescription","onPress","testID","successCta"],"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","useEffect","useState","Animated","Dimensions","StyleSheet","View","Platform","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_stylesheet","start","createElement","style","animatedStyle","select","default","experimental_backgroundImage","web","backgroundImage","successTitle","successDescription","onPress","testID","successCta"],"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":[]}

package/es/template/mobile-login/welcome/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["React","useEffect","useMemo","useState","Animated","StyleSheet","View","Platform","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","COLORS","cm_primary_blue","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","style","animatedStyle","testID","select","default","experimental_backgroundImage","web","backgroundImage","onLongPress","scale","onPress"],"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","useEffect","useMemo","useState","Animated","StyleSheet","View","Platform","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","COLORS","cm_primary_blue","createStyleSheet","theme","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","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","style","animatedStyle","testID","select","default","experimental_backgroundImage","web","backgroundImage","onLongPress","scale","onPress"],"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":[]}

package/lib/atom/battle-opponent/index.js CHANGED Viewed

@@ -35,17 +35,15 @@ const BattleOpponent = ({
   const buttonRef = (0, _react.useRef)(null);
   const handleMouseOver = (0, _react.useCallback)(() => {
     mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
-    // @ts-expect-error (error: focus does not exists on type never)
     /* istanbul ignore next */
-    (0, _has.default)(['current', 'focus'], buttonRef) && buttonRef.current.focus();
+    (0, _has.default)(['current', 'focus'], buttonRef) && buttonRef.current?.focus();
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
     setMouseLeaveTimer(setTimeout(() => {
       setToolTipIsVisible(false);
-      // @ts-expect-error (error: blur does not exists on type never)
       /* istanbul ignore next */
-      (0, _has.default)(['current', 'blur'], buttonRef) && buttonRef.current.blur();
+      (0, _has.default)(['current', 'blur'], buttonRef) && buttonRef.current?.blur();
     }, 500));
   }, []);
   const handleKeyPress = (0, _react.useCallback)(event => {