@coorpacademy/components 11.40.15 → 11.40.17-react18.15

package/lib/molecule/add-to-my-list/index.d.ts

@@ -1,6 +1,6 @@
 export function AddToMyListStatusProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace AddToMyListStatusProvider {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -10,7 +10,7 @@ export function AddToMyListFeedback({ addToMyListText, removeFromMyListText, fav
     addToMyListText: any;
     removeFromMyListText: any;
     favorite: any;
-}): JSX.Element | null;
+}): React.JSX.Element;
 export namespace AddToMyListFeedback {
     export namespace propTypes_1 {
         const addToMyListText: PropTypes.Requireable<string>;
@@ -20,13 +20,14 @@ export namespace AddToMyListFeedback {
     export { propTypes_1 as propTypes };
 }
 export default AddToMyList;
+import React from "react";
 import PropTypes from "prop-types";
 declare function AddToMyList({ style, addToMyListButton, favorite, onFavoriteClick }: {
     style: any;
     addToMyListButton: any;
     favorite: any;
     onFavoriteClick: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace AddToMyList {
     export namespace propTypes_2 {
         export const style: PropTypes.Requireable<string>;

package/lib/molecule/add-to-my-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/add-to-my-list/index.js"],"names":[],"mappings":"AAiBO;;gBAYN;;;;;;AAEM;;;;uBAcN;;;;;;;;;;;AAED;;;;;gBA2BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/add-to-my-list/index.js"],"names":[],"mappings":"AAiBO;;sBAYN;;;;;;AAEM;;;;sBAcN;;;;;;;;;;;;AAED;;;;;sBA2BC"}

package/lib/molecule/answer/index.d.ts

@@ -1,10 +1,11 @@
 export default Answer;
-declare function Answer(props: any): JSX.Element;
+declare function Answer(props: any): React.JSX.Element;
 declare namespace Answer {
     export { propTypes };
     export namespace contextTypes {
         const translate: import("prop-types").Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/answer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,iDAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,uDAWC"}

package/lib/molecule/answer/index.native.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { AnswerProps } from './prop-types';
-declare const Answer: (props: AnswerProps) => JSX.Element;
+declare const Answer: (props: AnswerProps) => React.JSX.Element;
 export default Answer;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/answer/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAuCzC,QAAA,MAAM,MAAM,UAAW,WAAW,gBA8BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAuCzC,QAAA,MAAM,MAAM,UAAW,WAAW,sBA8BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/molecule/answer/prop-types.d.ts

@@ -22,12 +22,12 @@ export declare const MediaViewPropTypes: {
             file: PropTypes.Requireable<any>;
             customProps: PropTypes.Requireable<PropTypes.InferProps<{
                 aspectratio: PropTypes.Requireable<string>;
-                tracks: PropTypes.Requireable<(PropTypes.InferProps<{
+                tracks: PropTypes.Requireable<PropTypes.InferProps<{
                     file: PropTypes.Requireable<any>;
                     label: PropTypes.Requireable<string>;
                     kind: PropTypes.Requireable<string>;
                     default: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 autostart: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
                 skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -45,27 +45,27 @@ export declare const MediaViewPropTypes: {
     }> | PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
         mediaUrl: PropTypes.Validator<string>;
-    }> | null | undefined>>;
+    }>>>;
 };
 declare const propTypes: {
     model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
-        answer: PropTypes.Requireable<(PropTypes.InferProps<{
+        answer: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             'aria-label': PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             selected: PropTypes.Requireable<boolean>;
             image: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
+            }>[]>;
             type: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }>>>;
     help: PropTypes.Requireable<string>;
     question: PropTypes.Requireable<string>;
@@ -87,12 +87,12 @@ declare const propTypes: {
             file: PropTypes.Requireable<any>;
             customProps: PropTypes.Requireable<PropTypes.InferProps<{
                 aspectratio: PropTypes.Requireable<string>;
-                tracks: PropTypes.Requireable<(PropTypes.InferProps<{
+                tracks: PropTypes.Requireable<PropTypes.InferProps<{
                     file: PropTypes.Requireable<any>;
                     label: PropTypes.Requireable<string>;
                     kind: PropTypes.Requireable<string>;
                     default: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 autostart: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
                 skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -110,7 +110,7 @@ declare const propTypes: {
     }> | PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
         mediaUrl: PropTypes.Validator<string>;
-    }> | null | undefined>>;
+    }>>>;
 };
 declare type SelectOptions = {
     name: string;

package/lib/molecule/audio/index.d.ts

@@ -35,7 +35,7 @@ declare class Audio extends React.Component<any, any, any> {
     setAudio: (element: any) => void;
     shouldComponentUpdate(nextProps: any): boolean;
     componentDidUpdate(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/audio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/audio/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;MAKE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAKC;IAeD,yBAGC;IApBC,kBAAwB;IAa1B,iCAEE;IAXF,+CAGC;IAED,2BAEC;IAWD,sBAgCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/audio/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;MAKE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAKC;IAeD,yBAGC;IApBC,kBAAwB;IAa1B,iCAEE;IAXF,+CAGC;IAED,2BAEC;IAWD,4BAgCC;CACF"}

package/lib/molecule/banner/index.d.ts

@@ -1,19 +1,20 @@
 export default Banner;
-declare function Banner(props: any): JSX.Element;
+declare function Banner(props: any): React.JSX.Element;
 declare namespace Banner {
     namespace propTypes {
         const bannerKey: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
         const message: PropTypes.Validator<string>;
-        const cta: PropTypes.Requireable<(PropTypes.InferProps<{
+        const cta: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             action: PropTypes.Requireable<(...args: any[]) => any>;
             oldSwitchValue: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const temporary: PropTypes.Requireable<boolean>;
         const onEnd: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AA0BA,iDAoFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AA0BA,uDAoFC"}

package/lib/molecule/base-modal/index.d.ts

@@ -1,5 +1,5 @@
 export default BaseModal;
-declare function BaseModal(props: any, context: any): JSX.Element | null;
+declare function BaseModal(props: any, context: any): React.JSX.Element;
 declare namespace BaseModal {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -50,14 +50,15 @@ declare namespace BaseModal {
                 disabled: PropTypes.Requireable<boolean>;
                 color: PropTypes.Requireable<string>;
             }>>;
-        }> | null | undefined>>;
+        }>>>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
         const onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         const detectScrollbar: PropTypes.Requireable<boolean>;
         const customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/base-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AAWA,yEAiMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AAWA,wEAoMC"}

package/lib/molecule/base-modal/index.js

@@ -111,7 +111,8 @@ const BaseModal = (props, context) => {
     } = confirmButton || {};
     const buttonConfirmColor = color || (0, _get2.default)('common.primary', skin);
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.footer
+      className: _style.default.footer,
+      "data-name": "modal-footer"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.footerCTAWrapper
     }, onCancel && cancelLabel ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -120,7 +121,7 @@ const BaseModal = (props, context) => {
       onClick: onCancel,
       label: cancelLabel,
       disabled: cancelDisabled,
-      'data-testid': `button-link-${cancelLabel}`
+      'data-testid': `button-link-cancel`
     }) : null, onConfirm && confirmLabel ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({
       customStyle: {
         backgroundColor: buttonConfirmColor,
@@ -146,7 +147,7 @@ const BaseModal = (props, context) => {
         }
       }
     } : {}, {
-      'data-testid': `button-link-${confirmLabel}`
+      'data-testid': `button-link-confirm`
     }))) : null), text ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${_style.default.footerDescription} ${isError ? _style.default.footerDescriptionError : ''}`
     }, text) : null);
@@ -156,12 +157,17 @@ const BaseModal = (props, context) => {
     e?.stopPropagation();
     onClose();
   }
+  function handleModalOnClick(e) {
+    e?.stopPropagation();
+  }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.modalWrapper,
-    "data-testid": "modal"
+    "data-testid": "modal",
+    onClick: handleOnClose
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.modal,
-    style: customStyle
+    style: customStyle,
+    onClick: handleModalOnClick
   }, /*#__PURE__*/_react.default.createElement("header", {
     className: (0, _classnames.default)(_style.default.header, !description && _style.default.headerCentered)
   }, headerIcon?.name ? /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/base-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_provider","_icon","_buttonLink","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","_debounce2","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","useCallback","_isEmpty2","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get2","createElement","className","style","footerCTAWrapper","button","type","onClick","backgroundColor","paddingLeft","hoverBackgroundColor","convert","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","stopPropagation","modalWrapper","modal","classnames","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","node","bool","oneOfType","func","boolean","objectOf","number","_default","exports"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    titleAriaLabel,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  // Handle escape key press\n  useEffect(() => {\n    if (!isOpen || !onClose) return;\n\n    const handleEscape = event => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer}>\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.button,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled,\n                'data-testid': `button-link-${cancelLabel}`\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: COLORS.white,\n                  className: style.button,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: COLORS.white,\n                            size: 14,\n                            customStyle: {padding: 0}\n                          }\n                        }\n                      }\n                    : {}),\n                  'data-testid': `button-link-${confirmLabel}`\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n\n  return (\n    <div className={style.modalWrapper} data-testid=\"modal\">\n      <div className={style.modal} style={customStyle}>\n        <header className={classnames(style.header, !description && style.headerCentered)}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle} aria-label={titleAriaLabel}>\n              {title}\n            </div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_provider","_icon","_buttonLink","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","_debounce2","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","useCallback","_isEmpty2","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get2","createElement","className","style","footerCTAWrapper","button","type","onClick","backgroundColor","paddingLeft","hoverBackgroundColor","convert","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","stopPropagation","handleModalOnClick","modalWrapper","modal","classnames","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","node","bool","oneOfType","func","boolean","objectOf","number","_default","exports"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    titleAriaLabel,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  // Handle escape key press\n  useEffect(() => {\n    if (!isOpen || !onClose) return;\n\n    const handleEscape = event => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer} data-name=\"modal-footer\">\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.button,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled,\n                'data-testid': `button-link-cancel`\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: COLORS.white,\n                  className: style.button,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: COLORS.white,\n                            size: 14,\n                            customStyle: {padding: 0}\n                          }\n                        }\n                      }\n                    : {}),\n                  'data-testid': `button-link-confirm`\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n  function handleModalOnClick(e) {\n    e?.stopPropagation();\n  }\n\n  return (\n    <div className={style.modalWrapper} data-testid=\"modal\" onClick={handleOnClose}>\n      <div className={style.modal} style={customStyle} onClick={handleModalOnClick}>\n        <header className={classnames(style.header, !description && style.headerCentered)}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle} aria-label={titleAriaLabel}>\n              {title}\n            </div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/battle-opponent-list/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { BattleOpponentListProps } from './prop-types';
 declare const BattleOpponentList: {
-    ({ opponents }: BattleOpponentListProps): JSX.Element;
+    ({ opponents }: BattleOpponentListProps): React.JSX.Element;
     propTypes: {
-        opponents: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        opponents: import("prop-types").Requireable<import("prop-types").InferProps<{
             isAlreadyEngaged: import("prop-types").Requireable<boolean>;
             isRandom: import("prop-types").Requireable<boolean>;
             photo: import("prop-types").Requireable<string>;
@@ -11,7 +11,7 @@ declare const BattleOpponentList: {
             displayName: import("prop-types").Requireable<string>;
             tooltipText: import("prop-types").Requireable<string>;
             user_id: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     };
 };
 export default BattleOpponentList;

package/lib/molecule/battle-opponent-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,uBAAuB,EAAC,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,kBAAkB;oBAAiB,uBAAuB;;;;;;;;;;;;CAiB/D,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAKrC,OAAkB,EAAC,uBAAuB,EAAC,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,kBAAkB;oBAAiB,uBAAuB;;;;;;;;;;;;CAiB/D,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/lib/molecule/battle-opponent-list/prop-types.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
-    opponents: PropTypes.Requireable<(PropTypes.InferProps<{
+    opponents: PropTypes.Requireable<PropTypes.InferProps<{
         isAlreadyEngaged: PropTypes.Requireable<boolean>;
         isRandom: PropTypes.Requireable<boolean>;
         photo: PropTypes.Requireable<string>;
@@ -8,7 +8,7 @@ declare const propTypes: {
         displayName: PropTypes.Requireable<string>;
         tooltipText: PropTypes.Requireable<string>;
         user_id: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
 };
 declare type MoocBattleOpponent = {
     isAlreadyEngaged?: boolean;

package/lib/molecule/battle-request/index.d.ts

@@ -1,5 +1,5 @@
 export default BattleRequest;
-declare function BattleRequest(props: any, context: any): JSX.Element;
+declare function BattleRequest(props: any, context: any): React.JSX.Element;
 declare namespace BattleRequest {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,5 +33,6 @@ declare namespace BattleRequest {
         const href: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/battle-request/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-request/index.js"],"names":[],"mappings":";AAUA,sEAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-request/index.js"],"names":[],"mappings":";AAUA,4EAwCC"}

package/lib/molecule/brand-card/description.d.ts

@@ -1,10 +1,11 @@
 export default Description;
-declare function Description(props: any, context: any): JSX.Element | null;
+declare function Description(props: any, context: any): React.JSX.Element;
 declare namespace Description {
     namespace propTypes {
         const description: PropTypes.Requireable<string>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=description.d.ts.map

package/lib/molecule/brand-card/description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/description.js"],"names":[],"mappings":";AAKA,2EAYC"}
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/description.js"],"names":[],"mappings":";AAKA,0EAYC"}

package/lib/molecule/brand-card/index.d.ts

@@ -1,5 +1,5 @@
 export default BrandCard;
-declare function BrandCard(props: any): JSX.Element;
+declare function BrandCard(props: any): React.JSX.Element;
 declare namespace BrandCard {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -13,5 +13,6 @@ declare namespace BrandCard {
         const maintenance: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/index.js"],"names":[],"mappings":";AAQA,oDAuCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/index.js"],"names":[],"mappings":";AAQA,0DAuCC"}

package/lib/molecule/brand-card-create/index.d.ts

@@ -1,10 +1,11 @@
 export default BrandCardCreate;
-declare function BrandCardCreate(props: any): JSX.Element;
+declare function BrandCardCreate(props: any): React.JSX.Element;
 declare namespace BrandCardCreate {
     namespace propTypes {
         const edit: PropTypes.Validator<string>;
         const editHref: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-card-create/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card-create/index.js"],"names":[],"mappings":";AAKA,0DAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card-create/index.js"],"names":[],"mappings":";AAKA,gEAeC"}

package/lib/molecule/brand-create-form/index.d.ts

@@ -1,5 +1,5 @@
 export default BrandCreateForm;
-declare function BrandCreateForm(props: any, context: any): JSX.Element;
+declare function BrandCreateForm(props: any, context: any): React.JSX.Element;
 declare namespace BrandCreateForm {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -21,5 +21,6 @@ declare namespace BrandCreateForm {
         const isModified: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-create-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-create-form/index.js"],"names":[],"mappings":";AAOA,wEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-create-form/index.js"],"names":[],"mappings":";AAOA,8EA4DC"}

package/lib/molecule/brand-download-box/index.d.ts

@@ -1,5 +1,5 @@
 export default BrandDownloadBox;
-declare function BrandDownloadBox(props: any, context: any): JSX.Element;
+declare function BrandDownloadBox(props: any, context: any): React.JSX.Element;
 declare namespace BrandDownloadBox {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,5 +33,6 @@ declare namespace BrandDownloadBox {
         const submitValue: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-download-box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-download-box/index.js"],"names":[],"mappings":";AAQA,yEA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-download-box/index.js"],"names":[],"mappings":";AAQA,+EA8BC"}

package/lib/molecule/brand-form-group/index.d.ts

@@ -1,5 +1,5 @@
 export default BrandFormGroup;
-declare function BrandFormGroup(props: any): JSX.Element;
+declare function BrandFormGroup(props: any): React.JSX.Element;
 declare namespace BrandFormGroup {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -8,8 +8,9 @@ declare namespace BrandFormGroup {
         const subtitleSize: PropTypes.Requireable<string>;
         const fieldsLayout: PropTypes.Requireable<string>;
         const groupLayout: PropTypes.Requireable<string>;
-        const fields: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, never>> & Partial<PropTypes.InferPropsInner<Pick<any, string | number | symbol>>>) | null | undefined)[]>;
+        const fields: PropTypes.Requireable<NonNullable<PropTypes.InferProps<any>>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAgIA,yDAiCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAgIA,+DAiCC"}

package/lib/molecule/brand-logo/index.native.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export interface Props {
     height: number;
 }
-declare const BrandLogo: ({ height }: Props) => JSX.Element;
+declare const BrandLogo: ({ height }: Props) => React.JSX.Element;
 export default BrandLogo;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/brand-logo/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAcD,QAAA,MAAM,SAAS,eAAc,KAAK,gBAgBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAYD,QAAA,MAAM,SAAS,eAAc,KAAK,sBAgBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/brand-logo/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_index","_templateContext","e","__esModule","default","styles","StyleSheet","create","logo","width","BrandLogo","height","templateContext","useTemplateContext","brandTheme","imageStyle","source","uri","images","createElement","style","testID","resizeMode","_default","exports"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA8E,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY9E,MAAMG,MAAsB,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGA,CAAC;EAACC;AAAa,CAAC,KAAK;EACrC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC;EAAU,CAAC,GAAGF,eAAe;EAEpC,MAAMG,UAAqB,GAAG;IAC5B,GAAGV,MAAM,CAACG,IAAI;IACdG;EACF,CAAC;EAED,MAAMK,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACEtB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAAI,OAAe;IAACgB,KAAK,EAAEL,UAAW;IAACM,MAAM,EAAC,YAAY;IAACL,MAAM,EAAEA,MAAO;IAACM,UAAU,EAAC;EAAS,CAAE,CAAC;AAEnG,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaM,SAAS","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_index","_templateContext","e","__esModule","default","styles","StyleSheet","create","logo","width","BrandLogo","height","templateContext","useTemplateContext","brandTheme","imageStyle","source","uri","images","createElement","style","testID","resizeMode","_default","exports"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: ViewStyle;\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA8E,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU9E,MAAMG,MAAsB,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGA,CAAC;EAACC;AAAa,CAAC,KAAK;EACrC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC;EAAU,CAAC,GAAGF,eAAe;EAEpC,MAAMG,UAAqB,GAAG;IAC5B,GAAGV,MAAM,CAACG,IAAI;IACdG;EACF,CAAC;EAED,MAAMK,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACEtB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAAI,OAAe;IAACgB,KAAK,EAAEL,UAAW;IAACM,MAAM,EAAC,YAAY;IAACL,MAAM,EAAEA,MAAO;IAACM,UAAU,EAAC;EAAS,CAAE,CAAC;AAEnG,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaM,SAAS","ignoreList":[]}

package/lib/molecule/brand-tabs/index.d.ts

@@ -1,8 +1,8 @@
 export default BrandTabs;
-declare function BrandTabs(props: any): JSX.Element;
+declare function BrandTabs(props: any): React.JSX.Element;
 declare namespace BrandTabs {
     namespace propTypes {
-        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+        const tabs: PropTypes.Requireable<PropTypes.InferProps<{
             tab: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
@@ -12,9 +12,10 @@ declare namespace BrandTabs {
             }>>;
             index: PropTypes.Requireable<number>;
             isLightTab: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const type: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/brand-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAmDA,oDAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAmDA,0DAMC"}