npm - @coorpacademy/components - Versions diffs - 10.27.4 → 10.27.5-alpha.31 - Mend

@coorpacademy/components 10.27.4 → 10.27.5-alpha.31

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 (1165) hide show

package/lib/molecule/table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowDown as ArrowDown,\n NovaCompositionCoorpacademyFunnel as FunnelIcon,\n NovaSolidContentEditionPencil1 as PencilIcon,\n NovaCompositionCoorpacademyDraft as DraftIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon,\n NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n const optionsView = _options.map((option, oIndex) => {\n const {onChange, selected} = option;\n\n return (\n <div key={oIndex} className={selected ? style.selected : style.option}>\n <button type=\"button\" onClick={onChange}>\n {option.title}\n </button>\n </div>\n );\n });\n\n return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n if (theme === THEMES.COCKPIT) {\n return (\n <div className={style.header}>\n <h1 className={style.title}>{headerTitle}</h1>\n <div className={style.legend}>\n <div className={style.icon}>\n <DraftIcon width={25} height={25} />\n <span className={style.label}>{translate('Draft')}</span>\n </div>\n <div className={style.icon}>\n <ValidateIcon width={25} height={25} />\n <span className={style.label}>{translate('Validated')}</span>\n </div>\n <div className={style.icon}>\n <span className={style.nostatus}>{'\\u26A0️'}</span>\n <span className={style.label}>{translate('No status')}</span>\n </div>\n </div>\n </div>\n );\n }\n\n if (headerTitle) {\n return (\n <div className={style.header}>\n <h2 className={style.title}>{headerTitle}</h2>\n </div>\n );\n }\n return null;\n};\n\nconst Table = (props, context) => {\n const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n const {skin, translate} = context;\n\n const mediumColor = get('common.medium', skin);\n\n const headerView = columns.map((column, cIndex) => {\n const {title, filtered, info = '', options = []} = column;\n\n const hasOptions = options.length > 0;\n\n const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) \|\| null;\n\n return (\n <th title={info} key={cIndex}>\n <div className={hasOptions ? style.toggle : style.noOptions}>\n <Checkbox id={title} name={title} checked className={style.checkbox} />\n <label htmlFor={title}>{title}</label>\n {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n <div className={style.optionsIconWrapper}>\n {hasOptions ? (\n <OptionsIcon\n color={mediumColor}\n height={16}\n width={16}\n className={style.optionsIcon}\n />\n ) : null}\n </div>\n </div>\n </th>\n );\n });\n\n const tableContext = buildTableContext(translate, theme, headerTitle);\n\n if (editable) {\n headerView.unshift(\n <th key=\"header\">\n <div className={style.noOptions} />\n </th>\n );\n }\n\n const renderIcon = field => {\n switch (get('icon', field)) {\n case 'draft':\n return <DraftIcon width={25} height={25} />;\n case 'validate':\n return <ValidateIcon width={25} height={25} />;\n case 'nostatus':\n return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n case 'videosubtitle':\n return (\n <>\n <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n {field.title}\n </>\n );\n default:\n null;\n }\n };\n\n const bodyView = rows.map((row, index) => {\n const {fields = [], editHref} = row;\n const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n const tableRows = fields.map((field, fIndex) => {\n if (!field) return <td key={fIndex}>{''}</td>;\n return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n });\n\n if (editable) {\n tableRows.unshift(\n // TODO restore dropped support of hoverColor={brandColor}\n <td key=\"header\">\n <Link href={editHref}>\n <PencilIcon color={mediumColor} height={16} width={16} />\n </Link>\n </td>\n );\n }\n\n return (\n <tr className={trClasses} key={index}>\n {tableRows}\n </tr>\n );\n });\n\n const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n return (\n <div className={mainClass}>\n {tableContext}\n <table className={classnames(style.table, {[style.readonly]: !editable})}>\n <thead>\n <tr>{headerView}</tr>\n </thead>\n <tbody>{bodyView}</tbody>\n </table>\n </div>\n );\n};\n\nTable.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n editable: PropTypes.bool,\n rows: PropTypes.arrayOf(\n PropTypes.shape({\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({icon: PropTypes.string}),\n PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n ])\n ),\n editHref: PropTypes.string,\n highlighted: PropTypes.bool\n })\n ),\n columns: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n info: PropTypes.string,\n filtered: PropTypes.bool,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired\n })\n )\n })\n ),\n theme: PropTypes.oneOf([THEMES.COCKPIT]),\n headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/molecule/table/index.js"],"names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowDown as ArrowDown,\n NovaCompositionCoorpacademyFunnel as FunnelIcon,\n NovaSolidContentEditionPencil1 as PencilIcon,\n NovaCompositionCoorpacademyDraft as DraftIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon,\n NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n const optionsView = _options.map((option, oIndex) => {\n const {onChange, selected} = option;\n\n return (\n <div key={oIndex} className={selected ? style.selected : style.option}>\n <button type=\"button\" onClick={onChange}>\n {option.title}\n </button>\n </div>\n );\n });\n\n return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n if (theme === THEMES.COCKPIT) {\n return (\n <div className={style.header}>\n <h1 className={style.title}>{headerTitle}</h1>\n <div className={style.legend}>\n <div className={style.icon}>\n <DraftIcon width={25} height={25} />\n <span className={style.label}>{translate('Draft')}</span>\n </div>\n <div className={style.icon}>\n <ValidateIcon width={25} height={25} />\n <span className={style.label}>{translate('Validated')}</span>\n </div>\n <div className={style.icon}>\n <span className={style.nostatus}>{'\\u26A0️'}</span>\n <span className={style.label}>{translate('No status')}</span>\n </div>\n </div>\n </div>\n );\n }\n\n if (headerTitle) {\n return (\n <div className={style.header}>\n <h2 className={style.title}>{headerTitle}</h2>\n </div>\n );\n }\n return null;\n};\n\nconst Table = (props, context) => {\n const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n const {skin, translate} = context;\n\n const mediumColor = get('common.medium', skin);\n\n const headerView = columns.map((column, cIndex) => {\n const {title, filtered, info = '', options = []} = column;\n\n const hasOptions = options.length > 0;\n\n const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) \|\| null;\n\n return (\n <th title={info} key={cIndex}>\n <div className={hasOptions ? style.toggle : style.noOptions}>\n <Checkbox id={title} name={title} checked className={style.checkbox} />\n <label htmlFor={title}>{title}</label>\n {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n <div className={style.optionsIconWrapper}>\n {hasOptions ? (\n <OptionsIcon\n color={mediumColor}\n height={16}\n width={16}\n className={style.optionsIcon}\n />\n ) : null}\n </div>\n </div>\n </th>\n );\n });\n\n const tableContext = buildTableContext(translate, theme, headerTitle);\n\n if (editable) {\n headerView.unshift(\n <th key=\"header\">\n <div className={style.noOptions} />\n </th>\n );\n }\n\n const renderIcon = field => {\n switch (get('icon', field)) {\n case 'draft':\n return <DraftIcon width={25} height={25} />;\n case 'validate':\n return <ValidateIcon width={25} height={25} />;\n case 'nostatus':\n return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n case 'videosubtitle':\n return (\n <>\n <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n {field.title}\n </>\n );\n default:\n null;\n }\n };\n\n const bodyView = rows.map((row, index) => {\n const {fields = [], editHref} = row;\n const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n const tableRows = fields.map((field, fIndex) => {\n if (!field) return <td key={fIndex}>{''}</td>;\n return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n });\n\n if (editable) {\n tableRows.unshift(\n // TODO restore dropped support of hoverColor={brandColor}\n <td key=\"header\">\n <Link href={editHref}>\n <PencilIcon color={mediumColor} height={16} width={16} />\n </Link>\n </td>\n );\n }\n\n return (\n <tr className={trClasses} key={index}>\n {tableRows}\n </tr>\n );\n });\n\n const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n return (\n <div className={mainClass}>\n {tableContext}\n <table className={classnames(style.table, {[style.readonly]: !editable})}>\n <thead>\n <tr>{headerView}</tr>\n </thead>\n <tbody>{bodyView}</tbody>\n </table>\n </div>\n );\n};\n\nTable.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n editable: PropTypes.bool,\n rows: PropTypes.arrayOf(\n PropTypes.shape({\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({icon: PropTypes.string}),\n PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n ])\n ),\n editHref: PropTypes.string,\n highlighted: PropTypes.bool\n })\n ),\n columns: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n info: PropTypes.string,\n filtered: PropTypes.bool,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired\n })\n )\n })\n ),\n theme: PropTypes.oneOf([THEMES.COCKPIT]),\n headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"file":"index.js"}

package/lib/molecule/teams-popin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"~~sources~~":["~~../../../src~~/~~molecule/teams-popin/index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyReload as ReloadIcon,\n NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n login: SchoolGraduation,\n loginFailed: LoginFailedIcon,\n addressError: AddressErrorIcon,\n reload: ReloadIcon,\n wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n const {\n header,\n content,\n buttonLabel,\n aboutLabel,\n onButtonClick,\n type,\n isLoading = false,\n backgroundImageUrl\n } = props;\n const IconType = ICONS[type];\n const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n const Icon = IconType ? (\n <div className={iconContainerStyle}>\n <IconType className={style.icon} />\n </div>\n ) : null;\n const backgroundImageStyle = backgroundImageUrl\n ? {\n backgroundImage: `url(${backgroundImageUrl})`,\n backgroundSize: 'cover'\n }\n : {};\n\n return (\n <div className={style.background} style={backgroundImageStyle}>\n {isLoading ? (\n <div className={style.loader}>\n <Loader data-name=\"teams-popin-loader\" />\n </div>\n ) : (\n <div className={style.popin}>\n {Icon}\n <div\n className={style.header}\n data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: header}}\n />\n <p\n className={style.content}\n data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n {buttonLabel && onButtonClick ? (\n <div className={style.buttonContainer}>\n <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n </div>\n ) : null}\n {aboutLabel ? (\n <p\n className={style.about}\n data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: aboutLabel}}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n};\n\nTeamsPopin.propTypes = {\n header: PropTypes.string,\n content: PropTypes.string,\n buttonLabel: PropTypes.string,\n aboutLabel: PropTypes.string,\n onButtonClick: PropTypes.func,\n type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n isLoading: PropTypes.bool,\n backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,sDADK;EAEZC,WAAW,EAAEC,iDAFD;EAGZC,YAAY,EAAEC,kDAHF;EAIZC,MAAM,EAAEC,4CAJI;EAKZC,KAAK,EAAED;AALK,CAAd;;AAQA,MAAME,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,MADI;IAEJC,OAFI;IAGJC,WAHI;IAIJC,UAJI;IAKJC,aALI;IAMJC,IANI;IAOJC,SAAS,GAAG,KAPR;IAQJC;EARI,IASFR,KATJ;EAUA,MAAMS,QAAQ,GAAGpB,KAAK,CAACiB,IAAD,CAAtB;EACA,MAAMI,kBAAkB,GAAGJ,IAAI,KAAK,OAAT,GAAmBK,cAAA,CAAMC,aAAzB,GAAyCD,cAAA,CAAME,kBAA1E;EACA,MAAMC,IAAI,GAAGL,QAAQ,gBACnB;IAAK,SAAS,EAAEC;EAAhB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEC,cAAA,CAAMI;EAA3B,EADF,CADmB,GAIjB,IAJJ;EAKA,MAAMC,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;IAEEU,cAAc,EAAE;EAFlB,CAD2C,GAK3C,EALJ;EAOA,oBACE;IAAK,SAAS,EAAEP,cAAA,CAAMQ,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,GACGT,SAAS,gBACR;IAAK,SAAS,EAAEI,cAAA,CAAMS;EAAtB,gBACE,6BAAC,eAAD;IAAQ,aAAU;EAAlB,EADF,CADQ,gBAKR;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,GACGP,IADH,eAEE;IACE,SAAS,EAAEH,cAAA,CAAMV,MADnB;IAEE,aAAY,gBAAeK,IAAK,EAFlC,CAEqC;IAFrC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAErB;IAAT;EAH3B,EAFF,eAOE;IACE,SAAS,EAAEU,cAAA,CAAMT,OADnB;IAEE,aAAY,iBAAgBI,IAAK,EAFnC,CAEsC;IAFtC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAEpB;IAAT;EAH3B,EAPF,EAYGC,WAAW,IAAIE,aAAf,gBACC;IAAK,SAAS,EAAEM,cAAA,CAAMY;EAAtB,gBACE,6BAAC,YAAD;IAAK,WAAW,EAAEpB,WAAlB;IAA+B,OAAO,EAAEE,aAAxC;IAAuD,IAAI,EAAG,aAAYC,IAAK;EAA/E,EADF,CADD,GAIG,IAhBN,EAiBGF,UAAU,gBACT;IACE,SAAS,EAAEO,cAAA,CAAMa,KADnB;IAEE,aAAY,qBAAoBlB,IAAK,EAFvC,CAE0C;IAF1C;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAElB;IAAT;EAH3B,EADS,GAMP,IAvBN,CANJ,CADF;AAmCD,CA5DD;;AA8DAL,UAAU,CAAC0B,SAAX,2CAAuB;EACrBxB,MAAM,EAAEyB,kBAAA,CAAUC,MADG;EAErBzB,OAAO,EAAEwB,kBAAA,CAAUC,MAFE;EAGrBxB,WAAW,EAAEuB,kBAAA,CAAUC,MAHF;EAIrBvB,UAAU,EAAEsB,kBAAA,CAAUC,MAJD;EAKrBtB,aAAa,EAAEqB,kBAAA,CAAUE,IALJ;EAMrBtB,IAAI,EAAEoB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,aAApB,EAAmC,cAAnC,EAAmD,OAAnD,CAAhB,CANe;EAOrBtB,SAAS,EAAEmB,kBAAA,CAAUI,IAPA;EAQrBtB,kBAAkB,EAAEkB,kBAAA,CAAUC;AART,CAAvB;eAWe5B,U"}
1	+ {"version":3,"sources":["../../../src/molecule/teams-popin/index.js"],"names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyReload as ReloadIcon,\n NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n login: SchoolGraduation,\n loginFailed: LoginFailedIcon,\n addressError: AddressErrorIcon,\n reload: ReloadIcon,\n wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n const {\n header,\n content,\n buttonLabel,\n aboutLabel,\n onButtonClick,\n type,\n isLoading = false,\n backgroundImageUrl\n } = props;\n const IconType = ICONS[type];\n const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n const Icon = IconType ? (\n <div className={iconContainerStyle}>\n <IconType className={style.icon} />\n </div>\n ) : null;\n const backgroundImageStyle = backgroundImageUrl\n ? {\n backgroundImage: `url(${backgroundImageUrl})`,\n backgroundSize: 'cover'\n }\n : {};\n\n return (\n <div className={style.background} style={backgroundImageStyle}>\n {isLoading ? (\n <div className={style.loader}>\n <Loader data-name=\"teams-popin-loader\" />\n </div>\n ) : (\n <div className={style.popin}>\n {Icon}\n <div\n className={style.header}\n data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: header}}\n />\n <p\n className={style.content}\n data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n {buttonLabel && onButtonClick ? (\n <div className={style.buttonContainer}>\n <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n </div>\n ) : null}\n {aboutLabel ? (\n <p\n className={style.about}\n data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: aboutLabel}}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n};\n\nTeamsPopin.propTypes = {\n header: PropTypes.string,\n content: PropTypes.string,\n buttonLabel: PropTypes.string,\n aboutLabel: PropTypes.string,\n onButtonClick: PropTypes.func,\n type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n isLoading: PropTypes.bool,\n backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"file":"index.js"}

package/lib/molecule/theme-image/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["ThemeImage","image","skin","extract","~~extractor","~~defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"~~sources~~":["~~../../../src/molecule/theme-image/index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n const extract = extractor(skin);\n const defaultStyle = extract(image);\n\n const extractWithDefault = extractor(skin, image);\n const mobileStyle = extractWithDefault(`${image}-mobile`);\n const tabletStyle = extractWithDefault(`${image}-tablet`);\n const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n return (\n <div className={style.wrapper}>\n <div className={style.default}>\n <div className={style.background} style={defaultStyle} />\n </div>\n <div className={style.desktopContainer}>\n <div className={style.background} style={desktopStyle} />\n </div>\n <div className={style.tabletContainer}>\n <div className={style.background} style={tabletStyle} />\n </div>\n <div className={style.mobileContainer}>\n <div className={style.background} style={mobileStyle} />\n </div>\n </div>\n );\n}\n\nThemeImage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAA,EAAUF,IAAV,CAAhB;EACA,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMK,kBAAkB,GAAG,IAAAF,cAAA,EAAUF,IAAV,EAAgBD,KAAhB,CAA3B;EACA,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAER;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEK,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEN;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDP,UAAU,CAACiB,YAAX,GAA0B;EACxBf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADT,CAA1B;AAIAF,UAAU,CAACoB,SAAX,2CAAuB;EACrBnB,KAAK,EAAEoB,kBAAA,CAAUC,MAAV,CAAiBC;AADH,CAAvB;eAIevB,U"}
1	+ {"version":3,"sources":["../../../src/molecule/theme-image/index.js"],"names":["ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,CAAoB;AAACC,EAAAA;AAAD,CAApB,EAA6B;AAACC,EAAAA;AAAD,CAA7B,EAAqC;AACnC,QAAMC,OAAO,GAAG,oBAAUD,IAAV,CAAhB;AACA,QAAME,YAAY,GAAGD,OAAO,CAACF,KAAD,CAA5B;AAEA,QAAMI,kBAAkB,GAAG,oBAAUH,IAAV,EAAgBD,KAAhB,CAA3B;AACA,QAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;AACA,QAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;AACA,QAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAV,CAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG,UAAtB;AAAkC,IAAA,KAAK,EAAER;AAAzC,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEK,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMG,UAAtB;AAAkC,IAAA,KAAK,EAAEJ;AAAzC,IADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEC,eAAMK;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEL,eAAMG,UAAtB;AAAkC,IAAA,KAAK,EAAEL;AAAzC,IADF,CAPF,eAUE;AAAK,IAAA,SAAS,EAAEE,eAAMM;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEN,eAAMG,UAAtB;AAAkC,IAAA,KAAK,EAAEN;AAAzC,IADF,CAVF,CADF;AAgBD;;AAEDN,UAAU,CAACgB,YAAX,GAA0B;AACxBd,EAAAA,IAAI,EAAEe,kBAASC,iBAAT,CAA2BhB;AADT,CAA1B;AAIAF,UAAU,CAACmB,SAAX,2CAAuB;AACrBlB,EAAAA,KAAK,EAAEmB,mBAAUC,MAAV,CAAiBC;AADH,CAAvB;eAIetB,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n const extract = extractor(skin);\n const defaultStyle = extract(image);\n\n const extractWithDefault = extractor(skin, image);\n const mobileStyle = extractWithDefault(`${image}-mobile`);\n const tabletStyle = extractWithDefault(`${image}-tablet`);\n const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n return (\n <div className={style.wrapper}>\n <div className={style.default}>\n <div className={style.background} style={defaultStyle} />\n </div>\n <div className={style.desktopContainer}>\n <div className={style.background} style={desktopStyle} />\n </div>\n <div className={style.tabletContainer}>\n <div className={style.background} style={tabletStyle} />\n </div>\n <div className={style.mobileContainer}>\n <div className={style.background} style={mobileStyle} />\n </div>\n </div>\n );\n}\n\nThemeImage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"file":"index.js"}

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ declare namespace TitleAndCheckBoxWrapper {
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
         }>>;
-        const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+        const child: PropTypes.Requireable<PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
             inputText: PropTypes.Requireable<PropTypes.InferProps<{
                 theme: PropTypes.Requireable<string>;
@@ -64,7 +64,7 @@ declare namespace TitleAndCheckBoxWrapper {
                 children: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined)[]>;
             'data-name': PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/lib/molecule/title-and-checkbox-wrapper/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CHILD = {
   'input-text': _inputTextWithTitle.default,
@@ -45,9 +45,9 @@ const TitleAndCheckBoxWrapper = props => {
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: _propTypes.default.shape(_checkboxWithTitle.default.propTypes),
   sectionTitle: _propTypes.default.shape(_title.default.propTypes),
-  child: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _inputTextWithTitle.default.propTypes, {
+  child: _propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, _inputTextWithTitle.default.propTypes), {}, {
     childType: _propTypes.default.oneOf(['input-text'])
-  })), _propTypes.default.shape(_extends({}, _dragAndDropWrapper.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _dragAndDropWrapper.default.propTypes), {}, {
     childType: _propTypes.default.oneOf(['drag-and-drop-wrapper'])
   }))])
 } : {};

package/lib/molecule/title-and-checkbox-wrapper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"~~sources~~":["~~../../../src~~/~~molecule/title-and-checkbox-wrapper/index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n 'input-text': InputTextWithTitle,\n 'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n const {checkboxWithTitle, child, sectionTitle} = props;\n\n const Child = CHILD[child.childType];\n return (\n <div>\n {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n {sectionTitle ? (\n <div className={style.sectionTitle}>\n <Title {...sectionTitle} type={'form-group'} />\n </div>\n ) : null}\n <div className={checkboxWithTitle \|\| sectionTitle ? style.child : null}>\n <Child {...child} />\n </div>\n </div>\n );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n sectionTitle: PropTypes.shape(Title.propTypes),\n child: PropTypes.oneOfType([\n PropTypes.shape({\n ...InputTextWithTitle.propTypes,\n childType: PropTypes.oneOf(['input-text'])\n }),\n PropTypes.shape({\n ...DragAndDropWrapper.propTypes,\n childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n })\n ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,cAAA,CAAMJ,KAA1C,GAAkD;EAAlE,gBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEO,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCJ,YAAY,EAAEK,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB,CAFoB;EAGlCL,KAAK,EAAEM,kBAAA,CAAUI,SAAV,CAAoB,CACzBJ,kBAAA,CAAUC,KAAV,cACKZ,2BAAA,CAAmBU,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBL,kBAAA,CAAUC,KAAV,cACKX,2BAAA,CAAmBS,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;eAced,uB"}
1	+ {"version":3,"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;AACZ,gBAAcC,2BADF;AAEZ,2BAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;AACvC,QAAM;AAACC,IAAAA,iBAAD;AAAoBC,IAAAA,KAApB;AAA2BC,IAAAA;AAA3B,MAA2CH,KAAjD;AAEA,QAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;AACA,sBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;AAAK,IAAA,SAAS,EAAEG,eAAMH;AAAtB,kBACE,6BAAC,cAAD,eAAWA,YAAX;AAAyB,IAAA,IAAI,EAAE;AAA/B,KADF,CADW,GAIT,IANN,eAOE;AAAK,IAAA,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,eAAMJ,KAA1C,GAAkD;AAAlE,kBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;AAClCN,EAAAA,iBAAiB,EAAEO,mBAAUC,KAAV,CAAgBC,2BAAkBH,SAAlC,CADe;AAElCJ,EAAAA,YAAY,EAAEK,mBAAUC,KAAV,CAAgBE,eAAMJ,SAAtB,CAFoB;AAGlCL,EAAAA,KAAK,EAAEM,mBAAUI,SAAV,CAAoB,CACzBJ,mBAAUC,KAAV,uBACKZ,4BAAmBU,SADxB;AAEEF,IAAAA,SAAS,EAAEG,mBAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;AAFb,KADyB,EAKzBL,mBAAUC,KAAV,uBACKX,4BAAmBS,SADxB;AAEEF,IAAAA,SAAS,EAAEG,mBAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;AAFb,KALyB,CAApB;AAH2B,CAApC;eAced,uB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n 'input-text': InputTextWithTitle,\n 'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n const {checkboxWithTitle, child, sectionTitle} = props;\n\n const Child = CHILD[child.childType];\n return (\n <div>\n {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n {sectionTitle ? (\n <div className={style.sectionTitle}>\n <Title {...sectionTitle} type={'form-group'} />\n </div>\n ) : null}\n <div className={checkboxWithTitle \|\| sectionTitle ? style.child : null}>\n <Child {...child} />\n </div>\n </div>\n );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n sectionTitle: PropTypes.shape(Title.propTypes),\n child: PropTypes.oneOfType([\n PropTypes.shape({\n ...InputTextWithTitle.propTypes,\n childType: PropTypes.oneOf(['input-text'])\n }),\n PropTypes.shape({\n ...DragAndDropWrapper.propTypes,\n childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n })\n ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"file":"index.js"}

package/lib/molecule/titled-checkbox/index.d.ts CHANGED Viewed

@@ -2,11 +2,11 @@ export default TitledCheckbox;
 declare function TitledCheckbox(props: any): JSX.Element;
 declare namespace TitledCheckbox {
     namespace propTypes {
-        export const choice: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        export const choice: PropTypes.Validator<PropTypes.InferProps<{
             selected: PropTypes.Validator<boolean>;
             name: PropTypes.Validator<string>;
             value: PropTypes.Requireable<string>;
-        }>>>;
+        }>>;
         export { ColorPropType as background };
         export const onToggle: PropTypes.Validator<(...args: any[]) => any>;
     }

package/lib/molecule/titled-checkbox/index.js CHANGED Viewed

@@ -17,9 +17,9 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const TitledCheckbox = props => {
   const {

package/lib/molecule/titled-checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","~~useMemo","~~style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"~~sources~~":["~~../../../src/molecule/titled-checkbox/index.js~~"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n const {choice, background, onToggle} = props;\n const label = choice.name;\n const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n return (\n <label className={style.default}>\n <div\n className={style.box}\n style={{\n background: background \|\| '#3d3d3d'\n }}\n >\n {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n <Checkbox\n className={style.input}\n checked={choice.selected}\n onChange={handleChange}\n data-name={label}\n />\n </div>\n <span title={label} className={style.label}>\n {label}\n </span>\n </label>\n );\n};\n\nTitledCheckbox.propTypes = {\n choice: PropTypes.shape({\n selected: PropTypes.bool.isRequired,\n name: PropTypes.string.isRequired,\n value: PropTypes.string\n }).isRequired,\n background: ColorPropType,\n onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}
1	+ {"version":3,"sources":["../../../src/molecule/titled-checkbox/index.js"],"names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,UAAT;AAAqBC,IAAAA;AAArB,MAAiCH,KAAvC;AACA,QAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;AACA,QAAMC,YAAY,GAAG,oBAAQ,MAAM,MAAMH,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;AAEA,sBACE;AAAO,IAAA,SAAS,EAAEM,eAAMC;AAAxB,kBACE;AACE,IAAA,SAAS,EAAED,eAAME,GADnB;AAEE,IAAA,KAAK,EAAE;AACLP,MAAAA,UAAU,EAAEA,UAAU,IAAI;AADrB;AAFT,KAMGD,MAAM,CAACS,QAAP,gBAAkB,6BAAC,2CAAD;AAAO,IAAA,SAAS,EAAEH,eAAMI,IAAxB;AAA8B,IAAA,KAAK,EAAC;AAApC,IAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,OAAO,EAAEX,MAAM,CAACS,QAFlB;AAGE,IAAA,QAAQ,EAAEJ,YAHZ;AAIE,iBAAWF;AAJb,IAPF,CADF,eAeE;AAAM,IAAA,KAAK,EAAEA,KAAb;AAAoB,IAAA,SAAS,EAAEG,eAAMH;AAArC,KACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACc,SAAf,2CAA2B;AACzBZ,EAAAA,MAAM,EAAEa,mBAAUC,KAAV,CAAgB;AACtBL,IAAAA,QAAQ,EAAEI,mBAAUE,IAAV,CAAeC,UADH;AAEtBZ,IAAAA,IAAI,EAAES,mBAAUI,MAAV,CAAiBD,UAFD;AAGtBE,IAAAA,KAAK,EAAEL,mBAAUI;AAHK,GAAhB,EAILD,UALsB;AAMzBf,EAAAA,UAAU,EAAEkB,wBANa;AAOzBjB,EAAAA,QAAQ,EAAEW,mBAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUelB,c","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n const {choice, background, onToggle} = props;\n const label = choice.name;\n const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n return (\n <label className={style.default}>\n <div\n className={style.box}\n style={{\n background: background \|\| '#3d3d3d'\n }}\n >\n {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n <Checkbox\n className={style.input}\n checked={choice.selected}\n onChange={handleChange}\n data-name={label}\n />\n </div>\n <span title={label} className={style.label}>\n {label}\n </span>\n </label>\n );\n};\n\nTitledCheckbox.propTypes = {\n choice: PropTypes.shape({\n selected: PropTypes.bool.isRequired,\n name: PropTypes.string.isRequired,\n value: PropTypes.string\n }).isRequired,\n background: ColorPropType,\n onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"file":"index.js"}

package/lib/molecule/unsubscribe/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"~~sources~~":["~~../../../src/molecule/unsubscribe/index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n const {translate} = context;\n const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n return (\n <div>\n {!hasUnsubscribed ? (\n <div className={style.unsubscribe}>\n <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n <div className={style.buttonContainer}>\n <Link className={style.keepSubscriptionButton} href={moocUrl}>\n {translate('keep_subscription')}\n </Link>\n </div>\n <div className={style.buttonContainer}>\n <button\n type=\"button\"\n className={style.unsubscribeButton}\n onClick={onUnsubscribeButtonClick}\n >\n {translate('unsubscribe')}\n </button>\n </div>\n </div>\n ) : null}\n {hasUnsubscribed ? (\n <div className={style.unsubscribeConfirmation}>\n {translate('premium_unsubscribe_confirmation')}\n </div>\n ) : null}\n </div>\n );\n};\n\nUnsubscribe.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n moocUrl: PropTypes.string,\n hasUnsubscribed: PropTypes.bool,\n onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC,eAAV;IAA2BC;EAA3B,IAAuDL,KAA7D;EAEA,oBACE,0CACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAoCN,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,cAAA,CAAMI,sBAAvB;IAA+C,IAAI,EAAEP;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEH,cAAA,CAAMK,iBAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,GACGV,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACc,YAAZ,GAA2B;EACzBX,SAAS,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,CAA3B;AAIAH,WAAW,CAACiB,SAAZ,2CAAwB;EACtBb,OAAO,EAAEc,kBAAA,CAAUC,MADG;EAEtBd,eAAe,EAAEa,kBAAA,CAAUE,IAFL;EAGtBd,wBAAwB,EAAEY,kBAAA,CAAUG;AAHd,CAAxB;eAMerB,W"}
1	+ {"version":3,"sources":["../../../src/molecule/unsubscribe/index.js"],"names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA;AAAD,MAAcD,OAApB;AACA,QAAM;AAACE,IAAAA,OAAD;AAAUC,IAAAA,eAAV;AAA2BC,IAAAA;AAA3B,MAAuDL,KAA7D;AAEA,sBACE,0CACG,CAACI,eAAD,gBACC;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,KAAoCN,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAMG;AAAtB,kBACE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEH,eAAMI,sBAAvB;AAA+C,IAAA,IAAI,EAAEP;AAArD,KACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;AAAK,IAAA,SAAS,EAAEI,eAAMG;AAAtB,kBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAEH,eAAMK,iBAFnB;AAGE,IAAA,OAAO,EAAEN;AAHX,KAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;AAAK,IAAA,SAAS,EAAEE,eAAMM;AAAtB,KACGV,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACc,YAAZ,GAA2B;AACzBX,EAAAA,SAAS,EAAEY,kBAASC,iBAAT,CAA2Bb;AADb,CAA3B;AAIAH,WAAW,CAACiB,SAAZ,2CAAwB;AACtBb,EAAAA,OAAO,EAAEc,mBAAUC,MADG;AAEtBd,EAAAA,eAAe,EAAEa,mBAAUE,IAFL;AAGtBd,EAAAA,wBAAwB,EAAEY,mBAAUG;AAHd,CAAxB;eAMerB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n const {translate} = context;\n const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n return (\n <div>\n {!hasUnsubscribed ? (\n <div className={style.unsubscribe}>\n <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n <div className={style.buttonContainer}>\n <Link className={style.keepSubscriptionButton} href={moocUrl}>\n {translate('keep_subscription')}\n </Link>\n </div>\n <div className={style.buttonContainer}>\n <button\n type=\"button\"\n className={style.unsubscribeButton}\n onClick={onUnsubscribeButtonClick}\n >\n {translate('unsubscribe')}\n </button>\n </div>\n </div>\n ) : null}\n {hasUnsubscribed ? (\n <div className={style.unsubscribeConfirmation}>\n {translate('premium_unsubscribe_confirmation')}\n </div>\n ) : null}\n </div>\n );\n};\n\nUnsubscribe.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n moocUrl: PropTypes.string,\n hasUnsubscribed: PropTypes.bool,\n onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"file":"index.js"}

package/lib/molecule/vertical-tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","~~snakeCase","classnames","~~style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","~~keys","~~propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"~~sources~~":["~~../../../src~~/~~molecule~~/~~vertical-tabs~~/~~index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon,\n LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? (\n <LeftIcon\n data-name={getIconDataName(leftIcon)}\n aria-label={iconAriaLabel}\n className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n />\n ) : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs, className, 'aria-label': ariaLabel} = props;\n const tabsList = tabs.map(buildTab);\n\n return (\n <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n {tabsList}\n </ul>\n );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.oneOf(LeftIconValues),\n onClick: PropTypes.func,\n iconAriaLabel: PropTypes.string\n })\n ),\n className: PropTypes.string,\n 'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCADL;EAEhBC,aAAa,EAAEC;AAFC,CAAlB;;AAKA,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;EAC/B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,OAAlB;IAA2BC,QAA3B;IAAqCC;EAArC,IAAsDN,GAA5D;EAEA,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAA,EAAUN,KAAV,CAAiB,EAD9C;IAEE,SAAS,EAAE,IAAAO,mBAAA,EAAWC,cAAA,CAAMV,GAAjB,EAAsBG,QAAQ,IAAIO,cAAA,CAAMP,QAAxC,CAFb;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEM,cAAA,CAAMR;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BK,cAAA,CAAMC,aAArC,GAAqDD,cAAA,CAAML;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASnB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAA,EAAW,CAACC,cAAA,CAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,IAAAC,aAAA,EAAK7B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAoB,YAAY,CAACU,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CACJD,kBAAA,CAAUE,KAAV,CAAgB;IACdvB,KAAK,EAAEwB,aAAA,CAAKJ,SAAL,CAAeK,QADR;IAEdxB,QAAQ,EAAEoB,kBAAA,CAAUK,IAFN;IAGdvB,QAAQ,EAAEkB,kBAAA,CAAUM,KAAV,CAAgBT,cAAhB,CAHI;IAIdhB,OAAO,EAAEmB,kBAAA,CAAUO,IAJL;IAKdxB,aAAa,EAAEiB,kBAAA,CAAUQ;EALX,CAAhB,CADI,CADiB;EAUvBhB,SAAS,EAAEQ,kBAAA,CAAUQ,MAVE;EAWvB,cAAcR,kBAAA,CAAUQ;AAXD,CAAzB;eAaenB,Y"}
1	+ {"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEC,sCADL;AAEhBC,EAAAA,aAAa,EAAEC;AAFC,CAAlB;;AAKA,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA,QAA3B;AAAqCC,IAAAA;AAArC,MAAsDN,GAA5D;AAEA,QAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,wBAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAE,yBAAWM,eAAMR,GAAjB,EAAsBG,QAAQ,IAAIK,eAAML,QAAxC,CAFb;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEI,eAAMN;AAAvB,KAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;AACE,iBAAWV,eAAe,CAACQ,QAAD,CAD5B;AAEE,kBAAYC,aAFd;AAGE,IAAA,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BG,eAAMC,aAArC,GAAqDD,eAAMH;AAHxE,IADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMK,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASjB,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAE,yBAAW,CAACS,eAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,mBAAK1B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAkB,YAAY,CAACS,SAAb,2CAAyB;AACvBP,EAAAA,IAAI,EAAEQ,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdpB,IAAAA,KAAK,EAAEqB,cAAKJ,SAAL,CAAeK,QADR;AAEdrB,IAAAA,QAAQ,EAAEiB,mBAAUK,IAFN;AAGdpB,IAAAA,QAAQ,EAAEe,mBAAUM,KAAV,CAAgBR,cAAhB,CAHI;AAIdd,IAAAA,OAAO,EAAEgB,mBAAUO,IAJL;AAKdrB,IAAAA,aAAa,EAAEc,mBAAUQ;AALX,GAAhB,CADI,CADiB;AAUvBf,EAAAA,SAAS,EAAEO,mBAAUQ,MAVE;AAWvB,gBAAcR,mBAAUQ;AAXD,CAAzB;eAaelB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon,\n LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? (\n <LeftIcon\n data-name={getIconDataName(leftIcon)}\n aria-label={iconAriaLabel}\n className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n />\n ) : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs, className, 'aria-label': ariaLabel} = props;\n const tabsList = tabs.map(buildTab);\n\n return (\n <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n {tabsList}\n </ul>\n );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.oneOf(LeftIconValues),\n onClick: PropTypes.func,\n iconAriaLabel: PropTypes.string\n })\n ),\n className: PropTypes.string,\n 'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}

package/lib/molecule/video-iframe/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAQE;IAEF;;MAEE;~~IA8B4tjB~~,wBAA8C;IAAA,sCAAyJ;~~IA5Br6jB~~,0BAMC;IAED,sBAgBC;CACF"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAQE;IAEF;;MAEE;IA8B0tjB,wBAA8C;IAAA,sCAAyJ;IA5Bn6jB,0BAMC;IAED,sBAgBC;CACF"}

package/lib/molecule/video-iframe/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const getUrl = ({
   url,
@@ -30,7 +30,7 @@ const getUrl = ({
 }) => {
   switch (type) {
     case 'youtube':
-      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
+      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends(_extends({}, query), opts))}`;
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;

package/lib/molecule/video-iframe/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"~~sources~~":["~~../../../src/molecule/video-iframe/index.js~~"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n switch (type) {\n case 'youtube':\n return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n case 'uptale':\n return `https://my.uptale.io/Experience/Launch?id=${id}`;\n case 'omniPlayer':\n return `https://mms.myomni.live/${id}`;\n case 'jwplayer':\n return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n default:\n return url;\n }\n};\n\nclass VideoIframe extends React.Component {\n static propTypes = {\n type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n width: PropTypes.string,\n height: PropTypes.string,\n url: SrcPropType,\n id: PropTypes.string,\n autoplay: PropTypes.bool,\n onPlay: PropTypes.func\n };\n\n static contextTypes = {\n Vimeo: Provider.childContextTypes.Vimeo\n };\n\n componentDidMount() {\n const {type} = this.props;\n if (type === 'kontiki') {\n const {onPlay = noop} = this.props;\n onPlay();\n }\n }\n\n render() {\n const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n const src = getUrl({url, type, id, autoplay});\n\n return (\n <iframe\n src={src}\n width={width}\n height={height}\n frameBorder={0}\n className={style.iframe}\n allowvr={type === 'uptale' ? 'yes' : null}\n scrolling={type === 'uptale' ? 'no' : null}\n allowFullScreen\n />\n );\n }\n}\n\nexport default VideoIframe;\n"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEE,cAAA,CAAMC,MALnB;MAME,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;EACjBvB,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBX,KAAK,EAAEU,kBAAA,CAAUE,MAFA;EAGjBX,MAAM,EAAES,kBAAA,CAAUE,MAHD;EAIjB3B,GAAG,EAAE4B,sBAJY;EAKjB1B,EAAE,EAAEuB,kBAAA,CAAUE,MALG;EAMjBb,QAAQ,EAAEW,kBAAA,CAAUI,IANH;EAOjBjB,MAAM,EAAEa,kBAAA,CAAUK;AAPD,C;eAyCNvB,W"}
1	+ {"version":3,"sources":["../../../src/molecule/video-iframe/index.js"],"names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAACC,EAAAA,GAAD;AAAMC,EAAAA,IAAN;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,KAAK,GAAG,EAAxB;AAA4BC,EAAAA,IAAI,GAAG;AAAnC,CAAD,KAA4C;AACzD,UAAQH,IAAR;AACE,SAAK,SAAL;AACE,aAAQ,iCAAgCC,EAAG,IAAGG,YAAGC,SAAH,uBAAiBH,KAAjB,GAA2BC,IAA3B,EAAkC,EAAhF;;AACF,SAAK,QAAL;AACE,aAAQ,6CAA4CF,EAAG,EAAvD;;AACF,SAAK,YAAL;AACE,aAAQ,2BAA0BA,EAAG,EAArC;;AACF,SAAK,UAAL;AACE,aAAQ,0CAAyCA,EAAG,gBAApD;;AACF;AACE,aAAOF,GAAP;AAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAexCC,EAAAA,iBAAiB,GAAG;AAClB,UAAM;AAACT,MAAAA;AAAD,QAAS,KAAKU,KAApB;;AACA,QAAIV,IAAI,KAAK,SAAb,EAAwB;AACtB,YAAM;AAACW,QAAAA,MAAM;AAAP,UAAkB,KAAKD,KAA7B;AACAC,MAAAA,MAAM;AACP;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACZ,MAAAA,IAAD;AAAOC,MAAAA,EAAP;AAAWF,MAAAA,GAAX;AAAgBc,MAAAA,QAAQ,GAAG,KAA3B;AAAkCC,MAAAA,KAAK,GAAG,MAA1C;AAAkDC,MAAAA,MAAM,GAAG;AAA3D,QAAsE,KAAKL,KAAjF;AACA,UAAMM,GAAG,GAAGlB,MAAM,CAAC;AAACC,MAAAA,GAAD;AAAMC,MAAAA,IAAN;AAAYC,MAAAA,EAAZ;AAAgBY,MAAAA;AAAhB,KAAD,CAAlB;AAEA,wBACE;AACE,MAAA,GAAG,EAAEG,GADP;AAEE,MAAA,KAAK,EAAEF,KAFT;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,WAAW,EAAE,CAJf;AAKE,MAAA,SAAS,EAAEE,eAAMC,MALnB;AAME,MAAA,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;AAOE,MAAA,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;AAQE,MAAA,eAAe;AARjB,MADF;AAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;AACpBC,EAAAA,KAAK,EAAEC,kBAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;AACjBvB,EAAAA,IAAI,EAAEwB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;AAEjBX,EAAAA,KAAK,EAAEU,mBAAUE,MAFA;AAGjBX,EAAAA,MAAM,EAAES,mBAAUE,MAHD;AAIjB3B,EAAAA,GAAG,EAAE4B,sBAJY;AAKjB1B,EAAAA,EAAE,EAAEuB,mBAAUE,MALG;AAMjBb,EAAAA,QAAQ,EAAEW,mBAAUI,IANH;AAOjBjB,EAAAA,MAAM,EAAEa,mBAAUK;AAPD,C;eAyCNvB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n switch (type) {\n case 'youtube':\n return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n case 'uptale':\n return `https://my.uptale.io/Experience/Launch?id=${id}`;\n case 'omniPlayer':\n return `https://mms.myomni.live/${id}`;\n case 'jwplayer':\n return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n default:\n return url;\n }\n};\n\nclass VideoIframe extends React.Component {\n static propTypes = {\n type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n width: PropTypes.string,\n height: PropTypes.string,\n url: SrcPropType,\n id: PropTypes.string,\n autoplay: PropTypes.bool,\n onPlay: PropTypes.func\n };\n\n static contextTypes = {\n Vimeo: Provider.childContextTypes.Vimeo\n };\n\n componentDidMount() {\n const {type} = this.props;\n if (type === 'kontiki') {\n const {onPlay = noop} = this.props;\n onPlay();\n }\n }\n\n render() {\n const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n const src = getUrl({url, type, id, autoplay});\n\n return (\n <iframe\n src={src}\n width={width}\n height={height}\n frameBorder={0}\n className={style.iframe}\n allowvr={type === 'uptale' ? 'yes' : null}\n scrolling={type === 'uptale' ? 'no' : null}\n allowFullScreen\n />\n );\n }\n}\n\nexport default VideoIframe;\n"],"file":"index.js"}

package/lib/molecule/video-player/index.js CHANGED Viewed

@@ -15,13 +15,11 @@ var _style = _interopRequireDefault(require("./style.css"));
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-const _excluded = ["disableAutostart", "jwpOptions"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 class VideoPlayer extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
@@ -102,7 +100,7 @@ class VideoPlayer extends _react.default.Component {
               disableAutostart,
               jwpOptions
             } = _this$props,
-                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+                  otherProps = _objectWithoutPropertiesLoose(_this$props, ["disableAutostart", "jwpOptions"]);
             return /*#__PURE__*/_react.default.createElement(_jwplayer.default, _extends({}, otherProps, {
               disableAutostart: disableAutostart,

package/lib/molecule/video-player/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","disableAutostart","jwpOptions","otherProps","render","propTypes"],"~~sources~~":["~~../../../src~~/~~molecule~~/~~video-player~~/~~index.js~~"],"sourcesContent":["import React from 'react';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n static propTypes = propTypes;\n\n static getDerivedStateFromProps(props, state) {\n if (props.id === state.id) return null;\n\n return {\n id: props.id,\n played: false\n };\n }\n\n constructor(props) {\n super(props);\n this.state = {\n played: false,\n id: props.id\n };\n }\n\n handleOnPlay = e => {\n const {played} = this.state;\n const {onResume, onPlay} = this.props;\n if (played) {\n if (onResume) onResume(e);\n } else if (onPlay) onPlay(e);\n this.setState({\n played: true\n });\n };\n\n renderPlayer = () => {\n const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n switch (mimeType) {\n case 'application/vimeo':\n return (\n <Vimeo\n {...this.props}\n key={id}\n width={width}\n height={height}\n video={id}\n className={style.wrapper}\n onPlay={this.handleOnPlay}\n />\n );\n case 'application/youtube':\n case 'application/uptale':\n case 'application/h5p':\n case 'application/omniPlayer':\n return (\n <VideoIframe\n key={id}\n type={mimeType.split('application/')[1]}\n id={id}\n url={url}\n width={width}\n height={height}\n frameBorder={0}\n allowFullScreen\n onPlay={this.handleOnPlay}\n onPause={onPause}\n onEnded={onEnded}\n />\n );\n case 'application/kontiki':\n case 'application/jwplayer':\n case 'video/mp4': {\n const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n return (\n <JWPlayer\n {...otherProps}\n disableAutostart={disableAutostart}\n jwpOptions={jwpOptions}\n onPlay={this.handleOnPlay}\n key={id}\n />\n );\n }\n }\n };\n\n render() {\n const {id} = this.props;\n return (\n <div data-name=\"video-player\" className={style.wrapper} key={id}>\n {this.renderPlayer()}\n </div>\n );\n }\n}\n\nexport default VideoPlayer;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAGT,OAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;IAC5C,IAAID,KAAK,CAACE,EAAN,KAAaD,KAAK,CAACC,EAAvB,EAA2B,OAAO,IAAP;IAE3B,OAAO;MACLA,EAAE,EAAEF,KAAK,CAACE,EADL;MAELC,MAAM,EAAE;IAFH,CAAP;EAID;;EAEDC,WAAW,CAACJ,KAAD,EAAQ;IACjB,MAAMA,KAAN;;IADiB,KAQnBK,YARmB,GAQJC,CAAC,IAAI;MAClB,MAAM;QAACH;MAAD,IAAW,KAAKF,KAAtB;MACA,MAAM;QAACM,QAAD;QAAWC;MAAX,IAAqB,KAAKR,KAAhC;;MACA,IAAIG,MAAJ,EAAY;QACV,IAAII,QAAJ,EAAcA,QAAQ,CAACD,CAAD,CAAR;MACf,CAFD,MAEO,IAAIE,MAAJ,EAAYA,MAAM,CAACF,CAAD,CAAN;;MACnB,KAAKG,QAAL,CAAc;QACZN,MAAM,EAAE;MADI,CAAd;IAGD,CAjBkB;;IAAA,KAmBnBO,YAnBmB,GAmBJ,MAAM;MACnB,MAAM;QAACC,QAAD;QAAWT,EAAX;QAAeU,GAAf;QAAoBC,OAApB;QAA6BC,OAA7B;QAAsCC,KAAK,GAAG,MAA9C;QAAsDC,MAAM,GAAG;MAA/D,IAA0E,KAAKhB,KAArF;;MACA,QAAQW,QAAR;QACE,KAAK,mBAAL;UACE,oBACE,6BAAC,cAAD,eACM,KAAKX,KADX;YAEE,GAAG,EAAEE,EAFP;YAGE,KAAK,EAAEa,KAHT;YAIE,MAAM,EAAEC,MAJV;YAKE,KAAK,EAAEd,EALT;YAME,SAAS,EAAEe,cAAA,CAAMC,OANnB;YAOE,MAAM,EAAE,KAAKb;UAPf,GADF;;QAWF,KAAK,qBAAL;QACA,KAAK,oBAAL;QACA,KAAK,iBAAL;QACA,KAAK,wBAAL;UACE,oBACE,6BAAC,oBAAD;YACE,GAAG,EAAEH,EADP;YAEE,IAAI,EAAES,QAAQ,CAACQ,KAAT,CAAe,cAAf,EAA+B,CAA/B,CAFR;YAGE,EAAE,EAAEjB,EAHN;YAIE,GAAG,EAAEU,GAJP;YAKE,KAAK,EAAEG,KALT;YAME,MAAM,EAAEC,MANV;YAOE,WAAW,EAAE,CAPf;YAQE,eAAe,MARjB;YASE,MAAM,EAAE,KAAKX,YATf;YAUE,OAAO,EAAEQ,OAVX;YAWE,OAAO,EAAEC;UAXX,EADF;;QAeF,KAAK,qBAAL;QACA,KAAK,sBAAL;QACA,KAAK,WAAL;UAAkB;YAChB,oBAAsD,KAAKd,KAA3D;YAAA,MAAM;cAACoB,gBAAD;cAAmBC;YAAnB,CAAN;YAAA,MAAwCC,UAAxC;;YAEA,oBACE,6BAAC,iBAAD,eACMA,UADN;cAEE,gBAAgB,EAAEF,gBAFpB;cAGE,UAAU,EAAEC,UAHd;cAIE,MAAM,EAAE,KAAKhB,YAJf;cAKE,GAAG,EAAEH;YALP,GADF;UASD;MA9CH;IAgDD,CArEkB;;IAEjB,KAAKD,KAAL,GAAa;MACXE,MAAM,EAAE,KADG;MAEXD,EAAE,EAAEF,KAAK,CAACE;IAFC,CAAb;EAID;;EAiEDqB,MAAM,GAAG;IACP,MAAM;MAACrB;IAAD,IAAO,KAAKF,KAAlB;IACA,oBACE;MAAK,aAAU,cAAf;MAA8B,SAAS,EAAEiB,cAAA,CAAMC,OAA/C;MAAwD,GAAG,EAAEhB;IAA7D,GACG,KAAKQ,YAAL,EADH,CADF;EAKD;;AA1FuC;;AAApCd,W,CACG4B,S,2CAAYA,kB;eA4FN5B,W"}
1	+ {"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","disableAutostart","jwpOptions","otherProps","render","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n static propTypes = propTypes;\n\n static getDerivedStateFromProps(props, state) {\n if (props.id === state.id) return null;\n\n return {\n id: props.id,\n played: false\n };\n }\n\n constructor(props) {\n super(props);\n this.state = {\n played: false,\n id: props.id\n };\n }\n\n handleOnPlay = e => {\n const {played} = this.state;\n const {onResume, onPlay} = this.props;\n if (played) {\n if (onResume) onResume(e);\n } else if (onPlay) onPlay(e);\n this.setState({\n played: true\n });\n };\n\n renderPlayer = () => {\n const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n switch (mimeType) {\n case 'application/vimeo':\n return (\n <Vimeo\n {...this.props}\n key={id}\n width={width}\n height={height}\n video={id}\n className={style.wrapper}\n onPlay={this.handleOnPlay}\n />\n );\n case 'application/youtube':\n case 'application/uptale':\n case 'application/h5p':\n case 'application/omniPlayer':\n return (\n <VideoIframe\n key={id}\n type={mimeType.split('application/')[1]}\n id={id}\n url={url}\n width={width}\n height={height}\n frameBorder={0}\n allowFullScreen\n onPlay={this.handleOnPlay}\n onPause={onPause}\n onEnded={onEnded}\n />\n );\n case 'application/kontiki':\n case 'application/jwplayer':\n case 'video/mp4': {\n const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n return (\n <JWPlayer\n {...otherProps}\n disableAutostart={disableAutostart}\n jwpOptions={jwpOptions}\n onPlay={this.handleOnPlay}\n key={id}\n />\n );\n }\n }\n };\n\n render() {\n const {id} = this.props;\n return (\n <div data-name=\"video-player\" className={style.wrapper} key={id}>\n {this.renderPlayer()}\n </div>\n );\n }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}

package/lib/molecule/video-player/jwplayer-prop-types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"jwplayer-prop-types.js","names":["mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"~~sources~~":["~~../../../src~~/~~molecule~~/~~video-player/jwplayer-prop-types.js~~"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.bool\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n"],"~~mappings~~":";;;;;AAAA;;AACA;;;;eAEe;EACbA,QAAQ,EAAEC,kBAAA,CAAUC,MADP;EAEbC,kBAAkB,EAAEF,kBAAA,CAAUC,MAFjB;EAGbE,gBAAgB,EAAEH,kBAAA,CAAUI,IAHf;EAIb;EACAC,UAAU,EAAEL,kBAAA,CAAUM,KAAV,CAAgB;IAC1BC,IAAI,EAAEC,sBADoB;IAE1BC,WAAW,EAAET,kBAAA,CAAUM,KAAV,CAAgB;MAC3BI,WAAW,EAAEV,kBAAA,CAAUC,MADI;MAE3BU,MAAM,EAAEX,kBAAA,CAAUY,OAAV,CACNZ,kBAAA,CAAUM,KAAV,CAAgB;QACdC,IAAI,EAAEC,sBADQ;QAEdK,KAAK,EAAEb,kBAAA,CAAUC,MAFH;QAGda,IAAI,EAAEd,kBAAA,CAAUC,MAHF;QAIdc,OAAO,EAAEf,kBAAA,CAAUI;MAJL,CAAhB,CADM,CAFmB;MAU3BY,SAAS,EAAEhB,kBAAA,CAAUiB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAElB,kBAAA,CAAUC,MAXU;MAY3BkB,IAAI,EAAEnB,kBAAA,CAAUM,KAAV,CAAgB;QACpBc,IAAI,EAAEpB,kBAAA,CAAUC;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BoB,UAAU,EAAErB,kBAAA,CAAUC,MAAV,CAAiBqB,UAlBH;IAmB1BC,YAAY,EAAEf,sBAAA,CAAYc,UAnBA;IAoB1BE,QAAQ,EAAExB,kBAAA,CAAUC,MAAV,CAAiBqB;EApBD,CAAhB,CALC;EA2BbG,MAAM,EAAEzB,kBAAA,CAAU0B,IA3BL;EA4BbC,QAAQ,EAAE3B,kBAAA,CAAU0B,IA5BP;EA6BbE,OAAO,EAAE5B,kBAAA,CAAU0B,IA7BN;EA8BbG,OAAO,EAAE7B,kBAAA,CAAU0B,IA9BN;EA+BbI,OAAO,EAAE9B,kBAAA,CAAU0B,IA/BN;EAgCbK,mBAAmB,EAAE/B,kBAAA,CAAU0B,IAhClB;EAiCbM,qBAAqB,EAAEhC,kBAAA,CAAU0B,IAjCpB;EAkCbO,YAAY,EAAEjC,kBAAA,CAAU0B,IAlCX;EAmCbQ,SAAS,EAAElC,kBAAA,CAAU0B;AAnCR,C"}
1	+ {"version":3,"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"names":["mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,QAAQ,EAAEC,mBAAUC,MADP;AAEbC,EAAAA,kBAAkB,EAAEF,mBAAUC,MAFjB;AAGbE,EAAAA,gBAAgB,EAAEH,mBAAUI,IAHf;AAIb;AACAC,EAAAA,UAAU,EAAEL,mBAAUM,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAEC,sBADoB;AAE1BC,IAAAA,WAAW,EAAET,mBAAUM,KAAV,CAAgB;AAC3BI,MAAAA,WAAW,EAAEV,mBAAUC,MADI;AAE3BU,MAAAA,MAAM,EAAEX,mBAAUY,OAAV,CACNZ,mBAAUM,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAEC,sBADQ;AAEdK,QAAAA,KAAK,EAAEb,mBAAUC,MAFH;AAGda,QAAAA,IAAI,EAAEd,mBAAUC,MAHF;AAIdc,QAAAA,OAAO,EAAEf,mBAAUI;AAJL,OAAhB,CADM,CAFmB;AAU3BY,MAAAA,SAAS,EAAEhB,mBAAUiB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAElB,mBAAUC,MAXU;AAY3BkB,MAAAA,IAAI,EAAEnB,mBAAUM,KAAV,CAAgB;AACpBc,QAAAA,IAAI,EAAEpB,mBAAUC;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BoB,IAAAA,UAAU,EAAErB,mBAAUC,MAAV,CAAiBqB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAEf,uBAAYc,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAExB,mBAAUC,MAAV,CAAiBqB;AApBD,GAAhB,CALC;AA2BbG,EAAAA,MAAM,EAAEzB,mBAAU0B,IA3BL;AA4BbC,EAAAA,QAAQ,EAAE3B,mBAAU0B,IA5BP;AA6BbE,EAAAA,OAAO,EAAE5B,mBAAU0B,IA7BN;AA8BbG,EAAAA,OAAO,EAAE7B,mBAAU0B,IA9BN;AA+BbI,EAAAA,OAAO,EAAE9B,mBAAU0B,IA/BN;AAgCbK,EAAAA,mBAAmB,EAAE/B,mBAAU0B,IAhClB;AAiCbM,EAAAA,qBAAqB,EAAEhC,mBAAU0B,IAjCpB;AAkCbO,EAAAA,YAAY,EAAEjC,mBAAU0B,IAlCX;AAmCbQ,EAAAA,SAAS,EAAElC,mBAAU0B;AAnCR,C","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.bool\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n"],"file":"jwplayer-prop-types.js"}

package/lib/molecule/video-player/jwplayer.js CHANGED Viewed

@@ -21,7 +21,7 @@ var _propTypes = require("./prop-types");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const fileAndTracks = ({
   file,
@@ -192,8 +192,8 @@ class JWPlayer extends _react.default.Component {
       tracks
     } = this.state;
-    const _jwpOptions = _extends({}, jwpOptions, {
-      customProps: _extends({}, (0, _get2.default)('customProps', jwpOptions), {
+    const _jwpOptions = _extends(_extends({}, jwpOptions), {}, {
+      customProps: _extends(_extends({}, (0, _get2.default)('customProps', jwpOptions)), {}, {
         key: jwpOptions.licenseKey,
         autostart: !disableAutostart && (0, _get2.default)('customProps.autostart', jwpOptions)
       })

package/lib/molecule/video-player/jwplayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jwplayer.js","names":["fileAndTracks","file","customProps","playlist","tracks","JWPlayer","React","Component","constructor","props","context","state","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","getDerivedStateFromProps","jwpOptions","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","playerId","play","e","onPlay","onResume","onPause","onEnded","script","setState","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","licenseKey","autostart","style","errorMessage","wrapper","playerScript","propTypes","JWPlayerPropTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nconst fileAndTracks = ({file, customProps, playlist} = {}) => {\n if (file)\n return {\n file,\n tracks: customProps ? customProps.tracks : null\n };\n if (playlist && playlist[0]) return playlist[0];\n\n return {\n file: null,\n tracks: null\n };\n};\n\nclass JWPlayer extends React.Component {\n static propTypes = JWPlayerPropTypes;\n\n constructor(props, context) {\n super(props, context);\n\n this.state = {\n scriptFailedLoading: false\n };\n\n this.handlePlay = this.handlePlay.bind(this);\n this.handleResume = this.handleResume.bind(this);\n this.handlePause = this.handlePause.bind(this);\n this.handleEnded = this.handleEnded.bind(this);\n this.handleError = this.handleError.bind(this);\n this.handleSetupError = this.handleSetupError.bind(this);\n this.handleScriptError = this.handleScriptError.bind(this);\n this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n this.handleWarning = this.handleWarning.bind(this);\n }\n\n static getDerivedStateFromProps(props) {\n return fileAndTracks(props.jwpOptions);\n }\n\n componentDidUpdate(prevProps) {\n const changes = keys(this.props).filter(key => {\n const {[key]: current} = this.props;\n const {[key]: prev} = prevProps;\n return current !== prev;\n });\n const shouldStart = includes('autoplay', changes);\n if (shouldStart) {\n if (isFunction(window.jwplayer)) {\n window.jwplayer(prevProps.jwpOptions.playerId).play();\n }\n }\n }\n\n handlePlay(e) {\n const {onPlay} = this.props;\n if (onPlay) onPlay(e);\n }\n\n handleResume(e) {\n const {onResume} = this.props;\n if (onResume) onResume(e);\n }\n\n handlePause(e) {\n const {onPause} = this.props;\n if (onPause) onPause(e);\n }\n\n handleEnded(e) {\n const {onEnded} = this.props;\n if (onEnded) onEnded(e);\n }\n\n handleScriptError(script) {\n this.setState({scriptFailedLoading: true});\n if (script) {\n script.parentNode.removeChild();\n }\n }\n\n handleSetupError(error) {\n const {onSetupError} = this.props;\n if (onSetupError) onSetupError(error);\n }\n\n handlePlayAttemptFailed(error) {\n const {onPlayAttemptFailed} = this.props;\n if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n }\n\n handleAutostartNotAllowed(error) {\n const {onAutostartNotAllowed} = this.props;\n if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n }\n\n handleWarning(error) {\n const {onWarning} = this.props;\n if (onWarning) onWarning(error);\n }\n\n handleError(error) {\n const {onError, mimeType, jwpOptions} = this.props;\n const {code} = error;\n\n onError && onError(error);\n\n if (mimeType === 'application/kontiki') {\n return;\n }\n\n // This error mostly appears on IE11 on W7\n // Since IE11 dont kinda support M3U8 sometimes,\n // We've decided to switch from M3U8 to mp4 whenever it appears\n if (code === 214000) {\n const {file: videoUrl} = jwpOptions;\n const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n const matched = videoUrl.match(regex);\n\n if (matched) {\n const videoId = matched[1];\n return this.setState({\n file: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n });\n }\n }\n }\n\n render() {\n const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n const {scriptFailedLoading, file, tracks} = this.state;\n const _jwpOptions = {\n ...jwpOptions,\n customProps: {\n ...get('customProps', jwpOptions),\n key: jwpOptions.licenseKey,\n autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n }\n };\n\n return (\n <>\n {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n <Player\n key={file}\n className={style.wrapper}\n id={_jwpOptions.playerId}\n file={file}\n tracks={tracks}\n library={_jwpOptions.playerScript}\n config={_jwpOptions.customProps}\n onAutoStart={this.handlePlay}\n onPlay={this.handlePlay}\n onResume={this.handleResume}\n onPause={this.handlePause}\n onOneHundredPercent={this.handleEnded}\n onError={this.handleError}\n onSetupError={this.handleSetupError}\n onPlayAttemptFailed={this.handlePlayAttemptFailed}\n onWarning={this.handleWarning}\n onAutostartNotAllowed={this.handleAutostartNotAllowed}\n />\n </>\n );\n }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["fileAndTracks","file","customProps","playlist","tracks","JWPlayer","React","Component","constructor","props","context","state","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","getDerivedStateFromProps","jwpOptions","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","playerId","play","e","onPlay","onResume","onPause","onEnded","script","setState","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","licenseKey","autostart","style","errorMessage","wrapper","playerScript","propTypes","JWPlayerPropTypes"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,WAAP;AAAoBC,EAAAA;AAApB,IAAgC,EAAjC,KAAwC;AAC5D,MAAIF,IAAJ,EACE,OAAO;AACLA,IAAAA,IADK;AAELG,IAAAA,MAAM,EAAEF,WAAW,GAAGA,WAAW,CAACE,MAAf,GAAwB;AAFtC,GAAP;AAIF,MAAID,QAAQ,IAAIA,QAAQ,CAAC,CAAD,CAAxB,EAA6B,OAAOA,QAAQ,CAAC,CAAD,CAAf;AAE7B,SAAO;AACLF,IAAAA,IAAI,EAAE,IADD;AAELG,IAAAA,MAAM,EAAE;AAFH,GAAP;AAID,CAZD;;AAcA,MAAMC,QAAN,SAAuBC,eAAMC,SAA7B,CAAuC;AAGrCC,EAAAA,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;AAC1B,UAAMD,KAAN,EAAaC,OAAb;AAEA,SAAKC,KAAL,GAAa;AACXC,MAAAA,mBAAmB,EAAE;AADV,KAAb;AAIA,SAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;AACA,SAAKE,WAAL,GAAmB,KAAKA,WAAL,CAAiBF,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKG,WAAL,GAAmB,KAAKA,WAAL,CAAiBH,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKI,WAAL,GAAmB,KAAKA,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKK,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBL,IAAtB,CAA2B,IAA3B,CAAxB;AACA,SAAKM,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBN,IAAvB,CAA4B,IAA5B,CAAzB;AACA,SAAKO,uBAAL,GAA+B,KAAKA,uBAAL,CAA6BP,IAA7B,CAAkC,IAAlC,CAA/B;AACA,SAAKQ,yBAAL,GAAiC,KAAKA,yBAAL,CAA+BR,IAA/B,CAAoC,IAApC,CAAjC;AACA,SAAKS,aAAL,GAAqB,KAAKA,aAAL,CAAmBT,IAAnB,CAAwB,IAAxB,CAArB;AACD;;AAED,SAAOU,wBAAP,CAAgCf,KAAhC,EAAuC;AACrC,WAAOT,aAAa,CAACS,KAAK,CAACgB,UAAP,CAApB;AACD;;AAEDC,EAAAA,kBAAkB,CAACC,SAAD,EAAY;AAC5B,UAAMC,OAAO,GAAG,oBAAK,KAAKnB,KAAV,EAAiBoB,MAAjB,CAAwBC,GAAG,IAAI;AAC7C,YAAM;AAAC,SAACA,GAAD,GAAOC;AAAR,UAAmB,KAAKtB,KAA9B;AACA,YAAM;AAAC,SAACqB,GAAD,GAAOE;AAAR,UAAgBL,SAAtB;AACA,aAAOI,OAAO,KAAKC,IAAnB;AACD,KAJe,CAAhB;AAKA,UAAMC,WAAW,GAAG,wBAAS,UAAT,EAAqBL,OAArB,CAApB;;AACA,QAAIK,WAAJ,EAAiB;AACf,UAAI,0BAAWC,MAAM,CAACC,QAAlB,CAAJ,EAAiC;AAC/BD,QAAAA,MAAM,CAACC,QAAP,CAAgBR,SAAS,CAACF,UAAV,CAAqBW,QAArC,EAA+CC,IAA/C;AACD;AACF;AACF;;AAEDxB,EAAAA,UAAU,CAACyB,CAAD,EAAI;AACZ,UAAM;AAACC,MAAAA;AAAD,QAAW,KAAK9B,KAAtB;AACA,QAAI8B,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;AACb;;AAEDvB,EAAAA,YAAY,CAACuB,CAAD,EAAI;AACd,UAAM;AAACE,MAAAA;AAAD,QAAa,KAAK/B,KAAxB;AACA,QAAI+B,QAAJ,EAAcA,QAAQ,CAACF,CAAD,CAAR;AACf;;AAEDtB,EAAAA,WAAW,CAACsB,CAAD,EAAI;AACb,UAAM;AAACG,MAAAA;AAAD,QAAY,KAAKhC,KAAvB;AACA,QAAIgC,OAAJ,EAAaA,OAAO,CAACH,CAAD,CAAP;AACd;;AAEDrB,EAAAA,WAAW,CAACqB,CAAD,EAAI;AACb,UAAM;AAACI,MAAAA;AAAD,QAAY,KAAKjC,KAAvB;AACA,QAAIiC,OAAJ,EAAaA,OAAO,CAACJ,CAAD,CAAP;AACd;;AAEDlB,EAAAA,iBAAiB,CAACuB,MAAD,EAAS;AACxB,SAAKC,QAAL,CAAc;AAAChC,MAAAA,mBAAmB,EAAE;AAAtB,KAAd;;AACA,QAAI+B,MAAJ,EAAY;AACVA,MAAAA,MAAM,CAACE,UAAP,CAAkBC,WAAlB;AACD;AACF;;AAED3B,EAAAA,gBAAgB,CAAC4B,KAAD,EAAQ;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAiB,KAAKvC,KAA5B;AACA,QAAIuC,YAAJ,EAAkBA,YAAY,CAACD,KAAD,CAAZ;AACnB;;AAED1B,EAAAA,uBAAuB,CAAC0B,KAAD,EAAQ;AAC7B,UAAM;AAACE,MAAAA;AAAD,QAAwB,KAAKxC,KAAnC;AACA,QAAIwC,mBAAJ,EAAyBA,mBAAmB,CAACF,KAAD,CAAnB;AAC1B;;AAEDzB,EAAAA,yBAAyB,CAACyB,KAAD,EAAQ;AAC/B,UAAM;AAACG,MAAAA;AAAD,QAA0B,KAAKzC,KAArC;AACA,QAAIyC,qBAAJ,EAA2BA,qBAAqB,CAACH,KAAD,CAArB;AAC5B;;AAEDxB,EAAAA,aAAa,CAACwB,KAAD,EAAQ;AACnB,UAAM;AAACI,MAAAA;AAAD,QAAc,KAAK1C,KAAzB;AACA,QAAI0C,SAAJ,EAAeA,SAAS,CAACJ,KAAD,CAAT;AAChB;;AAED7B,EAAAA,WAAW,CAAC6B,KAAD,EAAQ;AACjB,UAAM;AAACK,MAAAA,OAAD;AAAUC,MAAAA,QAAV;AAAoB5B,MAAAA;AAApB,QAAkC,KAAKhB,KAA7C;AACA,UAAM;AAAC6C,MAAAA;AAAD,QAASP,KAAf;AAEAK,IAAAA,OAAO,IAAIA,OAAO,CAACL,KAAD,CAAlB;;AAEA,QAAIM,QAAQ,KAAK,qBAAjB,EAAwC;AACtC;AACD,KARgB,CAUjB;AACA;AACA;;;AACA,QAAIC,IAAI,KAAK,MAAb,EAAqB;AACnB,YAAM;AAACrD,QAAAA,IAAI,EAAEsD;AAAP,UAAmB9B,UAAzB;AACA,YAAM+B,KAAK,GAAG,2DAAd;AACA,YAAMC,OAAO,GAAGF,QAAQ,CAACG,KAAT,CAAeF,KAAf,CAAhB;;AAEA,UAAIC,OAAJ,EAAa;AACX,cAAME,OAAO,GAAGF,OAAO,CAAC,CAAD,CAAvB;AACA,eAAO,KAAKb,QAAL,CAAc;AACnB3C,UAAAA,IAAI,EAAG,yCAAwC0D,OAAQ;AADpC,SAAd,CAAP;AAGD;AACF;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACnC,MAAAA,UAAD;AAAaoC,MAAAA,gBAAb;AAA+BC,MAAAA;AAA/B,QAAqD,KAAKrD,KAAhE;AACA,UAAM;AAACG,MAAAA,mBAAD;AAAsBX,MAAAA,IAAtB;AAA4BG,MAAAA;AAA5B,QAAsC,KAAKO,KAAjD;;AACA,UAAMoD,WAAW,yBACZtC,UADY;AAEfvB,MAAAA,WAAW,wBACN,mBAAI,aAAJ,EAAmBuB,UAAnB,CADM;AAETK,QAAAA,GAAG,EAAEL,UAAU,CAACuC,UAFP;AAGTC,QAAAA,SAAS,EAAE,CAACJ,gBAAD,IAAqB,mBAAI,uBAAJ,EAA6BpC,UAA7B;AAHvB;AAFI,MAAjB;;AASA,wBACE,4DACGb,mBAAmB,gBAAG;AAAG,MAAA,SAAS,EAAEsD,kBAAMC;AAApB,OAAmCL,kBAAnC,MAAH,GAAiE,IADvF,eAEE,6BAAC,sBAAD;AACE,MAAA,GAAG,EAAE7D,IADP;AAEE,MAAA,SAAS,EAAEiE,kBAAME,OAFnB;AAGE,MAAA,EAAE,EAAEL,WAAW,CAAC3B,QAHlB;AAIE,MAAA,IAAI,EAAEnC,IAJR;AAKE,MAAA,MAAM,EAAEG,MALV;AAME,MAAA,OAAO,EAAE2D,WAAW,CAACM,YANvB;AAOE,MAAA,MAAM,EAAEN,WAAW,CAAC7D,WAPtB;AAQE,MAAA,WAAW,EAAE,KAAKW,UARpB;AASE,MAAA,MAAM,EAAE,KAAKA,UATf;AAUE,MAAA,QAAQ,EAAE,KAAKE,YAVjB;AAWE,MAAA,OAAO,EAAE,KAAKC,WAXhB;AAYE,MAAA,mBAAmB,EAAE,KAAKC,WAZ5B;AAaE,MAAA,OAAO,EAAE,KAAKC,WAbhB;AAcE,MAAA,YAAY,EAAE,KAAKC,gBAdrB;AAeE,MAAA,mBAAmB,EAAE,KAAKE,uBAf5B;AAgBE,MAAA,SAAS,EAAE,KAAKE,aAhBlB;AAiBE,MAAA,qBAAqB,EAAE,KAAKD;AAjB9B,MAFF,CADF;AAwBD;;AAtJoC;;AAAjCjB,Q,CACGiE,S,2CAAYC,4B;eAwJNlE,Q","sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nconst fileAndTracks = ({file, customProps, playlist} = {}) => {\n if (file)\n return {\n file,\n tracks: customProps ? customProps.tracks : null\n };\n if (playlist && playlist[0]) return playlist[0];\n\n return {\n file: null,\n tracks: null\n };\n};\n\nclass JWPlayer extends React.Component {\n static propTypes = JWPlayerPropTypes;\n\n constructor(props, context) {\n super(props, context);\n\n this.state = {\n scriptFailedLoading: false\n };\n\n this.handlePlay = this.handlePlay.bind(this);\n this.handleResume = this.handleResume.bind(this);\n this.handlePause = this.handlePause.bind(this);\n this.handleEnded = this.handleEnded.bind(this);\n this.handleError = this.handleError.bind(this);\n this.handleSetupError = this.handleSetupError.bind(this);\n this.handleScriptError = this.handleScriptError.bind(this);\n this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n this.handleWarning = this.handleWarning.bind(this);\n }\n\n static getDerivedStateFromProps(props) {\n return fileAndTracks(props.jwpOptions);\n }\n\n componentDidUpdate(prevProps) {\n const changes = keys(this.props).filter(key => {\n const {[key]: current} = this.props;\n const {[key]: prev} = prevProps;\n return current !== prev;\n });\n const shouldStart = includes('autoplay', changes);\n if (shouldStart) {\n if (isFunction(window.jwplayer)) {\n window.jwplayer(prevProps.jwpOptions.playerId).play();\n }\n }\n }\n\n handlePlay(e) {\n const {onPlay} = this.props;\n if (onPlay) onPlay(e);\n }\n\n handleResume(e) {\n const {onResume} = this.props;\n if (onResume) onResume(e);\n }\n\n handlePause(e) {\n const {onPause} = this.props;\n if (onPause) onPause(e);\n }\n\n handleEnded(e) {\n const {onEnded} = this.props;\n if (onEnded) onEnded(e);\n }\n\n handleScriptError(script) {\n this.setState({scriptFailedLoading: true});\n if (script) {\n script.parentNode.removeChild();\n }\n }\n\n handleSetupError(error) {\n const {onSetupError} = this.props;\n if (onSetupError) onSetupError(error);\n }\n\n handlePlayAttemptFailed(error) {\n const {onPlayAttemptFailed} = this.props;\n if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n }\n\n handleAutostartNotAllowed(error) {\n const {onAutostartNotAllowed} = this.props;\n if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n }\n\n handleWarning(error) {\n const {onWarning} = this.props;\n if (onWarning) onWarning(error);\n }\n\n handleError(error) {\n const {onError, mimeType, jwpOptions} = this.props;\n const {code} = error;\n\n onError && onError(error);\n\n if (mimeType === 'application/kontiki') {\n return;\n }\n\n // This error mostly appears on IE11 on W7\n // Since IE11 dont kinda support M3U8 sometimes,\n // We've decided to switch from M3U8 to mp4 whenever it appears\n if (code === 214000) {\n const {file: videoUrl} = jwpOptions;\n const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n const matched = videoUrl.match(regex);\n\n if (matched) {\n const videoId = matched[1];\n return this.setState({\n file: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n });\n }\n }\n }\n\n render() {\n const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n const {scriptFailedLoading, file, tracks} = this.state;\n const _jwpOptions = {\n ...jwpOptions,\n customProps: {\n ...get('customProps', jwpOptions),\n key: jwpOptions.licenseKey,\n autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n }\n };\n\n return (\n <>\n {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n <Player\n key={file}\n className={style.wrapper}\n id={_jwpOptions.playerId}\n file={file}\n tracks={tracks}\n library={_jwpOptions.playerScript}\n config={_jwpOptions.customProps}\n onAutoStart={this.handlePlay}\n onPlay={this.handlePlay}\n onResume={this.handleResume}\n onPause={this.handlePause}\n onOneHundredPercent={this.handleEnded}\n onError={this.handleError}\n onSetupError={this.handleSetupError}\n onPlayAttemptFailed={this.handlePlayAttemptFailed}\n onWarning={this.handleWarning}\n onAutostartNotAllowed={this.handleAutostartNotAllowed}\n />\n </>\n );\n }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}

package/lib/molecule/video-player/prop-types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"prop-types.js","names":["JWPlayerPropTypes","mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"~~sources~~":["~~../../../src~~/~~molecule~~/~~video-player~~/~~prop-types.js~~"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.bool\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n\nexport default {\n id: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string,\n url: SrcPropType,\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n autoplay: PropTypes.bool,\n disableAutostart: PropTypes.bool,\n jwpOptions: JWPlayerPropTypes.jwpOptions,\n mimeType: PropTypes.oneOf([\n 'application/kontiki',\n 'application/uptale',\n 'application/vimeo',\n 'application/youtube',\n 'application/jwplayer',\n 'application/omniPlayer',\n 'application/h5p',\n 'video/mp4'\n ]).isRequired\n};\n"],"~~mappings~~":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEC,kBAAA,CAAUC,MADW;EAE/BC,kBAAkB,EAAEF,kBAAA,CAAUC,MAFC;EAG/BE,gBAAgB,EAAEH,kBAAA,CAAUI,IAHG;EAI/B;EACAC,UAAU,EAAEL,kBAAA,CAAUM,KAAV,CAAgB;IAC1BC,IAAI,EAAEC,sBADoB;IAE1BC,WAAW,EAAET,kBAAA,CAAUM,KAAV,CAAgB;MAC3BI,WAAW,EAAEV,kBAAA,CAAUC,MADI;MAE3BU,MAAM,EAAEX,kBAAA,CAAUY,OAAV,CACNZ,kBAAA,CAAUM,KAAV,CAAgB;QACdC,IAAI,EAAEC,sBADQ;QAEdK,KAAK,EAAEb,kBAAA,CAAUC,MAFH;QAGda,IAAI,EAAEd,kBAAA,CAAUC,MAHF;QAIdc,OAAO,EAAEf,kBAAA,CAAUI;MAJL,CAAhB,CADM,CAFmB;MAU3BY,SAAS,EAAEhB,kBAAA,CAAUiB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAElB,kBAAA,CAAUC,MAXU;MAY3BkB,IAAI,EAAEnB,kBAAA,CAAUM,KAAV,CAAgB;QACpBc,IAAI,EAAEpB,kBAAA,CAAUC;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BoB,UAAU,EAAErB,kBAAA,CAAUC,MAAV,CAAiBqB,UAlBH;IAmB1BC,YAAY,EAAEf,sBAAA,CAAYc,UAnBA;IAoB1BE,QAAQ,EAAExB,kBAAA,CAAUC,MAAV,CAAiBqB;EApBD,CAAhB,CALmB;EA2B/BG,MAAM,EAAEzB,kBAAA,CAAU0B,IA3Ba;EA4B/BC,QAAQ,EAAE3B,kBAAA,CAAU0B,IA5BW;EA6B/BE,OAAO,EAAE5B,kBAAA,CAAU0B,IA7BY;EA8B/BG,OAAO,EAAE7B,kBAAA,CAAU0B,IA9BY;EA+B/BI,OAAO,EAAE9B,kBAAA,CAAU0B,IA/BY;EAgC/BK,mBAAmB,EAAE/B,kBAAA,CAAU0B,IAhCA;EAiC/BM,qBAAqB,EAAEhC,kBAAA,CAAU0B,IAjCF;EAkC/BO,YAAY,EAAEjC,kBAAA,CAAU0B,IAlCO;EAmC/BQ,SAAS,EAAElC,kBAAA,CAAU0B;AAnCU,CAA1B;;eAsCQ;EACbS,EAAE,EAAEnC,kBAAA,CAAUC,MADD;EAEbiB,KAAK,EAAElB,kBAAA,CAAUC,MAFJ;EAGbmC,MAAM,EAAEpC,kBAAA,CAAUC,MAHL;EAIboC,GAAG,EAAE7B,sBAJQ;EAKbiB,MAAM,EAAEzB,kBAAA,CAAU0B,IALL;EAMbC,QAAQ,EAAE3B,kBAAA,CAAU0B,IANP;EAObE,OAAO,EAAE5B,kBAAA,CAAU0B,IAPN;EAQbG,OAAO,EAAE7B,kBAAA,CAAU0B,IARN;EASbI,OAAO,EAAE9B,kBAAA,CAAU0B,IATN;EAUbY,QAAQ,EAAEtC,kBAAA,CAAUI,IAVP;EAWbD,gBAAgB,EAAEH,kBAAA,CAAUI,IAXf;EAYbC,UAAU,EAAEP,iBAAiB,CAACO,UAZjB;EAabN,QAAQ,EAAEC,kBAAA,CAAUiB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,WARwB,CAAhB,EASPK;AAtBU,C"}
1	+ {"version":3,"sources":["../../../src/molecule/video-player/prop-types.js"],"names":["JWPlayerPropTypes","mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,QAAQ,EAAEC,mBAAUC,MADW;AAE/BC,EAAAA,kBAAkB,EAAEF,mBAAUC,MAFC;AAG/BE,EAAAA,gBAAgB,EAAEH,mBAAUI,IAHG;AAI/B;AACAC,EAAAA,UAAU,EAAEL,mBAAUM,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAEC,sBADoB;AAE1BC,IAAAA,WAAW,EAAET,mBAAUM,KAAV,CAAgB;AAC3BI,MAAAA,WAAW,EAAEV,mBAAUC,MADI;AAE3BU,MAAAA,MAAM,EAAEX,mBAAUY,OAAV,CACNZ,mBAAUM,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAEC,sBADQ;AAEdK,QAAAA,KAAK,EAAEb,mBAAUC,MAFH;AAGda,QAAAA,IAAI,EAAEd,mBAAUC,MAHF;AAIdc,QAAAA,OAAO,EAAEf,mBAAUI;AAJL,OAAhB,CADM,CAFmB;AAU3BY,MAAAA,SAAS,EAAEhB,mBAAUiB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAElB,mBAAUC,MAXU;AAY3BkB,MAAAA,IAAI,EAAEnB,mBAAUM,KAAV,CAAgB;AACpBc,QAAAA,IAAI,EAAEpB,mBAAUC;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BoB,IAAAA,UAAU,EAAErB,mBAAUC,MAAV,CAAiBqB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAEf,uBAAYc,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAExB,mBAAUC,MAAV,CAAiBqB;AApBD,GAAhB,CALmB;AA2B/BG,EAAAA,MAAM,EAAEzB,mBAAU0B,IA3Ba;AA4B/BC,EAAAA,QAAQ,EAAE3B,mBAAU0B,IA5BW;AA6B/BE,EAAAA,OAAO,EAAE5B,mBAAU0B,IA7BY;AA8B/BG,EAAAA,OAAO,EAAE7B,mBAAU0B,IA9BY;AA+B/BI,EAAAA,OAAO,EAAE9B,mBAAU0B,IA/BY;AAgC/BK,EAAAA,mBAAmB,EAAE/B,mBAAU0B,IAhCA;AAiC/BM,EAAAA,qBAAqB,EAAEhC,mBAAU0B,IAjCF;AAkC/BO,EAAAA,YAAY,EAAEjC,mBAAU0B,IAlCO;AAmC/BQ,EAAAA,SAAS,EAAElC,mBAAU0B;AAnCU,CAA1B;;eAsCQ;AACbS,EAAAA,EAAE,EAAEnC,mBAAUC,MADD;AAEbiB,EAAAA,KAAK,EAAElB,mBAAUC,MAFJ;AAGbmC,EAAAA,MAAM,EAAEpC,mBAAUC,MAHL;AAIboC,EAAAA,GAAG,EAAE7B,sBAJQ;AAKbiB,EAAAA,MAAM,EAAEzB,mBAAU0B,IALL;AAMbC,EAAAA,QAAQ,EAAE3B,mBAAU0B,IANP;AAObE,EAAAA,OAAO,EAAE5B,mBAAU0B,IAPN;AAQbG,EAAAA,OAAO,EAAE7B,mBAAU0B,IARN;AASbI,EAAAA,OAAO,EAAE9B,mBAAU0B,IATN;AAUbY,EAAAA,QAAQ,EAAEtC,mBAAUI,IAVP;AAWbD,EAAAA,gBAAgB,EAAEH,mBAAUI,IAXf;AAYbC,EAAAA,UAAU,EAAEP,iBAAiB,CAACO,UAZjB;AAabN,EAAAA,QAAQ,EAAEC,mBAAUiB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,WARwB,CAAhB,EASPK;AAtBU,C","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.bool\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n\nexport default {\n id: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string,\n url: SrcPropType,\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n autoplay: PropTypes.bool,\n disableAutostart: PropTypes.bool,\n jwpOptions: JWPlayerPropTypes.jwpOptions,\n mimeType: PropTypes.oneOf([\n 'application/kontiki',\n 'application/uptale',\n 'application/vimeo',\n 'application/youtube',\n 'application/jwplayer',\n 'application/omniPlayer',\n 'application/h5p',\n 'video/mp4'\n ]).isRequired\n};\n"],"file":"prop-types.js"}

package/lib/molecule/video-player/vimeo.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ declare class Vimeo extends React.Component<any, any, any> {
         /**
          * A Vimeo ID or URL.
          */
-        id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        id: PropTypes.Requireable<string | number>;
         /**
          * CSS className for the player element.
          */
@@ -12,11 +12,11 @@ declare class Vimeo extends React.Component<any, any, any> {
         /**
          * Width of the player element.
          */
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        width: PropTypes.Requireable<string | number>;
         /**
          * Height of the player element.
          */
-        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        height: PropTypes.Requireable<string | number>;
         /**
          * Pause the video.
          */

package/lib/molecule/video-player/vimeo.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _loader = _interopRequireDefault(require("../../atom/loader"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const eventNames = {
   ready: 'onReady',
@@ -124,7 +124,7 @@ class Vimeo extends _react.default.Component {
     const {
       Player
     } = V;
-    this.player = new Player(this.container, _extends({}, options, {
+    this.player = new Player(this.container, _extends(_extends({}, options), {}, {
       width: '1',
       height: '1'
     }));