{"version":3,"file":"static/js/bf6224d4d7559b6d4fc1.bundle.js","mappings":"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","sources":["webpack://mattressfirm/./lib/default-container-2-slots/module-registration.js?a004","webpack://mattressfirm/./src/components/container-background-image/container-background-image-helper.ts?ce2e","webpack://mattressfirm/./src/components/container-background-image/container-backgroud-image.tsx?e863","webpack://mattressfirm/./src/components/base-components.tsx?daec","webpack://mattressfirm/./src/modules/default-container-2-slots/default-container-2-slots.tsx?8065","webpack://mattressfirm/./src/utils/classnames.ts?a0ff","webpack://mattressfirm/external var \"React\"?0d3b","webpack://mattressfirm/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n (binding.modules['default-container-2-slots'] = {\n c: () => require('@msdyn365-commerce-modules/core-components/dist/lib/modules/default-container-2-slots/default-container-2-slots'),\n $type: 'containerModule',\n da: [],\n \n iNM: true,\n ns: '@msdyn365-commerce-modules',\n n: 'default-container-2-slots',\n p: 'core-components',\n \n pdp: '',\n \n \n md: 'node_modules/@msdyn365-commerce-modules/core-components/dist/lib/modules/default-container-2-slots'\n });\n \n\n \n window.__bindings__ = window.__bindings__ || {};\n window.__bindings__.modules = {\n ...window.__bindings__.modules || {},\n ...binding.modules\n };\n \n window.__bindings__.dataActions = {\n ...window.__bindings__.dataActions || {},\n ...binding.dataActions\n };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport msdyn365Commerce, {\n constructViewportInformationForImage,\n getImageResizeUrl,\n getLargestGridSettingViewportName,\n getMinMaxWidth,\n IAny,\n IGeneric,\n IViewPort,\n Viewport\n} from '@msdyn365-commerce/core-internal';\nimport { cloneDeep as _cloneDeep } from 'lodash';\nimport {\n BackgroundImageRepeat,\n BackgroundImageSize,\n IBackgroundImageAttributes,\n IBackgroundImageLazyloadAttributes,\n IBackgroundImageProps,\n IBackgroundImageStyle\n} from './container-background-image-interfaces';\n\nconst getBackgroundRepeatProperty = (size: string | undefined, repeat: string | undefined): BackgroundImageRepeat => {\n if (!size || size === 'cover') {\n return 'no-repeat';\n }\n switch (repeat) {\n case 'noRepeat':\n return 'no-repeat';\n case 'repeat':\n return 'repeat';\n default:\n return 'no-repeat';\n }\n};\n\nconst getBackgroundSizeProperty = (size: string | undefined): BackgroundImageSize => {\n switch (size) {\n case 'cover':\n return 'cover';\n case 'contain':\n return 'contain';\n case 'default':\n default:\n return undefined;\n }\n};\n\nconst getDefaultViewports = (): IViewPort => {\n return {\n xs: {\n w: 800,\n h: 600\n },\n sm: {\n w: 1200,\n h: 900\n },\n md: {\n w: 1600,\n h: 900\n },\n lg: {\n w: 1600,\n h: 700\n },\n xl: {\n w: 1600,\n h: 700\n }\n };\n};\n\nconst getAuthoringViewport = (moduleName: string | undefined, layout: string | undefined): IViewPort | undefined => {\n if (!msdyn365Commerce.isBrowser) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const authoringHelper = (window as any)._msdyn365.authoringHelper;\n if (!authoringHelper) {\n return;\n }\n\n // if authoring helper is setup, component is rendering from site builder. Build viewport based on layout selected.\n return constructViewportInformationForImage(moduleName, layout, 'backgroundImage', authoringHelper?.themeSettings) as IViewPort;\n};\n\nexport const buildBackgroundImageStylesByViewport = (props: IBackgroundImageProps): IGeneric => {\n const { containerType, image, request, configs } = props;\n\n const gridSettings = request.gridSettings ?? {};\n const imageSettings = image.imageSettings;\n\n const styles: IGeneric = {};\n\n const largestGridSettingViewportName = getLargestGridSettingViewportName(gridSettings);\n if (largestGridSettingViewportName && imageSettings) {\n // in site builder the layout may change, so use authoring viewports.\n const authoringViewPorts = getAuthoringViewport(containerType, configs?.layout);\n const imgSettings = {\n ...imageSettings,\n viewports: { ..._cloneDeep(authoringViewPorts || imageSettings.viewports || getDefaultViewports()) }\n };\n\n // Skip resizing width and height for background images.\n const skipWidthAndHeightSettings = true;\n Object.keys(imgSettings.viewports).map(vp => {\n const viewport = vp as Viewport;\n const minMaxWidth = getMinMaxWidth(gridSettings, imgSettings, viewport, largestGridSettingViewportName);\n const urlSrc = getImageResizeUrl(\n image.src,\n imgSettings.viewports[viewport],\n imgSettings,\n skipWidthAndHeightSettings,\n image?.externalProvider,\n request?.apiSettings\n );\n styles[viewport] = {\n maxWidth: minMaxWidth.max,\n minWidth: minMaxWidth.min,\n minHeight: imgSettings.viewports[viewport]?.h,\n backgroundImage: urlSrc,\n backgroundRepeat: getBackgroundRepeatProperty(configs?.size, configs?.repeat),\n backgroundSize: getBackgroundSizeProperty(configs?.size),\n backgroundPosition: 'center center'\n };\n });\n }\n\n return styles;\n};\n\nexport const setStyleAttribute = (currentStyle: IBackgroundImageStyle): IGeneric => {\n let style: IGeneric = {};\n if (currentStyle) {\n style = { ...currentStyle };\n style['minWidth'] = undefined;\n style['width'] = '100%';\n if (currentStyle.backgroundImage) {\n style['backgroundImage'] = `url('${currentStyle.backgroundImage}')`;\n }\n }\n return style;\n};\n\nexport const getBackgroundImageLazyloadAttributes = (\n className: string,\n currentStyle: IBackgroundImageStyle | undefined,\n styles: IGeneric\n): IBackgroundImageLazyloadAttributes => {\n const attributes = {\n role: 'img',\n className: `${className} lazyload`,\n 'data-bgset': getDataBgSetAttribute(styles)\n };\n\n if (currentStyle) {\n attributes['style'] = setStyleAttribute(currentStyle);\n // On lazyload, lazysizes plugin should pick which background image to use based on data-bgset attribute.\n attributes['style']['backgroundImage'] = undefined;\n }\n return attributes;\n};\n\nexport const getBackgroundImageAttributes = (\n className: string,\n currentStyle: IBackgroundImageStyle | undefined\n): IBackgroundImageAttributes => {\n const attributes = {\n role: 'img',\n className\n };\n\n if (currentStyle) {\n attributes['style'] = setStyleAttribute(currentStyle);\n }\n return attributes;\n};\n\nexport const getBgSetMinMaxWidthAttribute = (style: IBackgroundImageStyle): string => {\n if (style.maxWidth) {\n return `[(max-width: ${style.maxWidth}px)]`;\n }\n return '';\n};\n\nexport const getDataBgSetAttribute = (styles: IGeneric): string => {\n const dataBgSetAttributes: string[] = [];\n Object.keys(styles).map(vp => {\n if (styles[vp].backgroundImage) {\n dataBgSetAttributes.push(`${styles[vp].backgroundImage} ${getBgSetMinMaxWidthAttribute(styles[vp])}`);\n }\n });\n\n return dataBgSetAttributes.join(' | ');\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport msdyn365Commerce, { getLargestGridSettingViewportName, IGeneric } from '@msdyn365-commerce/core-internal';\nimport * as React from 'react';\nimport { isEqual as _isEqual } from 'lodash';\nimport {\n buildBackgroundImageStylesByViewport,\n getBackgroundImageAttributes,\n getBackgroundImageLazyloadAttributes\n} from './container-background-image-helper';\nimport {\n IBackgroundImageAttributes,\n IBackgroundImageProps,\n IBackgroundImageState,\n IBackgroundImageStyle\n} from './container-background-image-interfaces';\n\nconst BACKGROUND_IMAGE_CLASS_NAME = 'ms-container-background-image';\n\n/**\n * BackgroundImage component\n * @extends {React.PureComponent}\n */\nexport class BackgroundImage extends React.PureComponent {\n private stylesByViewport: IGeneric;\n private currentStyle: IBackgroundImageStyle | undefined;\n private mounted: boolean;\n\n constructor(props: IBackgroundImageProps, state: IBackgroundImageState) {\n super(props);\n this.stylesByViewport = buildBackgroundImageStylesByViewport(this.props);\n this.currentStyle = this._getCurrentStyle();\n this.mounted = false;\n this._componentResize = this._componentResize.bind(this);\n this._getCurrentStyle = this._getCurrentStyle.bind(this);\n this.state = { updateAttributes: false };\n }\n\n public componentDidMount(): void {\n if (msdyn365Commerce.isBrowser) {\n window.addEventListener('resize', this._componentResize);\n this.mounted = true;\n this._componentResize();\n }\n }\n\n public componentWillUnmount(): void {\n if (msdyn365Commerce.isBrowser) {\n window.removeEventListener('resize', this._componentResize);\n this.mounted = false;\n }\n }\n\n public shouldComponentUpdate(nextProps: IBackgroundImageProps, nextState: { updateAttributes: boolean }): boolean {\n if (\n this.state !== nextState ||\n this.props.request?.gridSettings !== nextProps.request?.gridSettings ||\n this.props.configs.repeat !== nextProps.configs.repeat ||\n this.props.configs.size !== nextProps.configs.size ||\n this.props.configs.layout !== nextProps.configs.layout ||\n this.props.image?.imageSettings !== nextProps.image?.imageSettings ||\n this.props.image?.src !== nextProps.image?.src\n ) {\n return true;\n }\n return false;\n }\n\n public render(): JSX.Element | null {\n const { children } = this.props;\n\n try {\n this.stylesByViewport = buildBackgroundImageStylesByViewport(this.props);\n this.currentStyle = this._getCurrentStyle();\n\n if (this.currentStyle) {\n const processedAtributes = this._processAttributes(\n BACKGROUND_IMAGE_CLASS_NAME,\n this.currentStyle,\n this.stylesByViewport,\n this._isLazyload()\n );\n const attributes = this._getAttributes(processedAtributes);\n if (this.state.updateAttributes) {\n // Update component with the latest attributes.\n return
{children}
;\n } else if (this._isLazyload()) {\n // On lazyload, only include the class name on the first render.\n return
{children}
;\n } else {\n // On lazyload disabled, render the default attributes from server side.\n return
{children}
;\n }\n } else {\n // in no style is found, return the container content.\n return <>{children};\n }\n } catch {\n // in case of any failure, return the container content.\n return <>{children};\n }\n }\n\n private _processAttributes(\n className: string,\n currentStyle: IBackgroundImageStyle,\n stylesByViewport: IGeneric,\n lazyLoad: boolean\n ) {\n if (lazyLoad) {\n return getBackgroundImageLazyloadAttributes(className, currentStyle, stylesByViewport);\n } else {\n return getBackgroundImageAttributes(className, currentStyle);\n }\n }\n\n private _getAttributes(processedAtributes: IBackgroundImageAttributes) {\n return { ...processedAtributes, style: { ...processedAtributes?.style } };\n }\n\n private _componentResize(): void {\n if (msdyn365Commerce.isBrowser) {\n const selectedStyle = this._getCurrentStyle();\n\n if (this.mounted || (selectedStyle && !_isEqual(this.currentStyle, selectedStyle))) {\n this.setState({ updateAttributes: true });\n }\n }\n }\n\n private _getCurrentStyle(): IBackgroundImageStyle | undefined {\n if (msdyn365Commerce.isBrowser) {\n const winInnerWidth: number = window.innerWidth;\n let selectedStyle: IBackgroundImageStyle | undefined;\n Object.keys(this.stylesByViewport).map(vp => {\n if (\n (this.stylesByViewport[vp]?.minWidth || this.stylesByViewport[vp]?.maxWidth) &&\n (this.stylesByViewport[vp]?.minWidth || 0) <= winInnerWidth &&\n winInnerWidth <= (this.stylesByViewport[vp]?.maxWidth || Number.MAX_SAFE_INTEGER)\n ) {\n selectedStyle = this.stylesByViewport[vp];\n }\n });\n return selectedStyle;\n } else {\n return this._getDefaultStyle();\n }\n }\n\n private _isLazyload(): boolean {\n // Lazyload by default if nothing is specified\n return !this.props.image?.imageSettings?.disableLazyLoad;\n }\n\n private _getDefaultStyle(): IBackgroundImageStyle | undefined {\n const { request } = this.props;\n const largestGridSettingViewportName = getLargestGridSettingViewportName(request.gridSettings ?? {});\n return this.stylesByViewport[largestGridSettingViewportName];\n }\n\n private _getDefaultAttributes(): IBackgroundImageAttributes {\n const style = this._getDefaultStyle();\n const processedAtributes = style\n ? this._processAttributes(BACKGROUND_IMAGE_CLASS_NAME, style, this.stylesByViewport, this._isLazyload())\n : {};\n return this._getAttributes(processedAtributes);\n }\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ContentEditableEvent, IImageData, IRequestContext, Text } from '@msdyn365-commerce/core';\nimport * as React from 'react';\nimport { BackgroundImage } from './container-background-image/container-backgroud-image';\n\n/**\n * Heading options\n */\nexport interface IHeadingComponentProps {\n /**\n * Heading text\n */\n headingText?: string;\n /**\n * Heading tag (h1, h2, h3, h4, h5, h6)\n */\n tag?: HeadingTag;\n /**\n * Heading text size (sm, md, lg, xl)\n */\n textSize?: TextSize;\n\n requestContext: IRequestContext;\n\n handleTextChange(event: ContentEditableEvent): string;\n}\n\nexport type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\nexport type TextSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Container class options\n */\nexport interface IContainerProps {\n /**\n * CSS class name\n */\n className?: string;\n /**\n * Bootstrap supported container types\n */\n containerType?: string;\n /**\n * type name\n */\n typeName?: string;\n /**\n * id of container\n */\n id?: string;\n /**\n * React children\n */\n children: React.ReactNode;\n /**\n * Request context\n */\n request?: IRequestContext;\n /**\n * background image\n */\n backgroundImage?: IImageData;\n /**\n * background image repeat property\n */\n backgroundImageRepeat?: string;\n /**\n * background image size property\n */\n backgroundImageSize?: string;\n /**\n * module layout property\n */\n moduleLayout?: string;\n}\n\nconst getContainerType = (containerType: string | undefined) => {\n switch (containerType) {\n case 'container':\n return 'container';\n case 'fluid':\n default:\n return 'fluid';\n }\n};\n\n/**\n * HOC to create bootstrap container div. If no container type is specified children are rendered.\n * @param options IContainerClasses\n */\nexport const Container: React.SFC = (props: IContainerProps): JSX.Element => {\n const {\n containerType,\n className,\n typeName,\n id,\n children,\n backgroundImage,\n request,\n backgroundImageRepeat,\n backgroundImageSize,\n moduleLayout\n } = props;\n const customClassName = className ? ` ${className}` : '';\n\n let containerContent = children;\n if (containerType) {\n containerContent =
{containerContent}
;\n }\n\n if (backgroundImage && backgroundImage.src && backgroundImage.imageSettings && request) {\n containerContent = (\n \n {containerContent}\n \n );\n }\n\n return containerType ? (\n
{containerContent}
\n ) : (\n
{containerContent}
\n );\n};\n\nexport const HeadingComponent = (props: IHeadingComponentProps & { className: string }): JSX.Element | null => {\n const { tag, headingText, textSize, className } = props;\n const Tag = tag || 'h2';\n const classNameWithHeading = textSize ? `heading ${textSize} ${className}` : `heading ${className}`;\n return (\n (headingText && (\n \n )) ||\n null\n );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ContentEditableEvent } from '@msdyn365-commerce/core';\nimport { LogLevel } from '@msdyn365-commerce/telemetry-internal';\nimport React, { ReactNode } from 'react';\nimport { Container, HeadingComponent, IHeadingComponentProps } from '../../components/base-components';\nimport { getColClassArray, showErrors } from '../../utils/classnames';\nimport { IDefaultContainer2SlotsData } from './default-container-2-slots.data';\nimport { IDefaultContainer2SlotsProps } from './default-container-2-slots.props.autogenerated';\n\ninterface IColSizes {\n left: string[];\n right: string[];\n}\n\n/**\n * Default container that displays 2 modules\n * CoreComponent component\n * @extends {React.PureComponent>}\n */\nclass Default2SlotContainer extends React.PureComponent> {\n constructor(props: IDefaultContainer2SlotsProps) {\n super(props);\n }\n\n public render(): JSX.Element {\n const { slots, telemetry, context, config, data } = this.props;\n telemetry.log(LogLevel.Debug, \"Default 2 Slot Container rendering for '{id}/{typeName}'\", {\n values: [this.props.id, this.props.typeName]\n });\n\n const content = slots && slots.content;\n const slotsClassNames = this._getColClassName();\n if (content && content.length > 2) {\n telemetry.log(LogLevel.Warning, 'Default 2 Slot Container passed more than 2 slots');\n }\n const heading = config.heading || data.heading;\n const headingProps: IHeadingComponentProps = {\n ...heading,\n handleTextChange: this.handleTextChange,\n requestContext: this.props.context.request\n };\n return (\n \n {heading && }\n {content && content[0] &&
{content[0]}
}\n {content && content[1] &&
{content[1]}
}\n <>\n {showErrors(context) &&\n content &&\n content.slice(2, content.length - 1).map((slot: ReactNode, index: number) => {\n return (\n
\n
\n
\n Slot exceeded maximum number of slots supported by container. (2)\n
\n
\n
\n );\n })}\n \n \n );\n }\n\n public handleTextChange = (event: ContentEditableEvent) => (this.props.config.heading!.headingText = event.target.value);\n /**\n * Captures left and right column classnames from this.props.config. Returns col if no options specified.\n */\n // eslint-disable-next-line @typescript-eslint/naming-convention\n public _getColClassName = (): IColSizes => {\n const { config } = this.props;\n\n const classNames = getColClassArray(config);\n\n if (!classNames.length) {\n return {\n left: ['col'],\n right: ['col']\n };\n }\n\n return classNames.reduce(\n (memo: IColSizes, [left, right]: string[]) => {\n memo.left.push(left);\n memo.right.push(right);\n return memo;\n },\n { left: [], right: [] }\n );\n };\n}\n\nexport default Default2SlotContainer;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ICoreContext } from '@msdyn365-commerce/core';\nimport * as twoSlots from '../modules/default-container-2-slots/default-container-2-slots.props.autogenerated';\nimport * as threeSlots from '../modules/default-container-3-slots/default-container-3-slots.props.autogenerated';\n\nconst sizePattern = /col(_(\\d|auto){1,2}){2,}/;\n\nexport interface IShowErrorOptions {\n isDebug?: boolean;\n isEditor?: boolean;\n}\n\nexport interface IViewPortOptions {\n xsmall?: threeSlots.xsmall | twoSlots.xsmall;\n small?: threeSlots.small | twoSlots.small;\n medium?: threeSlots.medium | twoSlots.medium;\n large?: threeSlots.large | twoSlots.large;\n}\n\nconst translatePrefix = (prefix: `large` | `medium` | `small` | `xsmall` | undefined) => {\n switch (prefix && prefix.toLowerCase()) {\n case 'large':\n return 'lg';\n case 'medium':\n return 'md';\n case 'small':\n return 'sm';\n case 'xsmall':\n default:\n return '';\n }\n};\n\n/**\n * converts config option and size to bootstrap col class name\n * If size is auto or config option is invalid col-auto will be returned\n * If size is xsmall or size is invalid col-{config} will be returned\n * @param config configuration option e.g. col_12_12\n * @param size bootstrap gridsize\n */\nexport const getColumnSizes = (config: string, size?: `large` | `medium` | `small` | `xsmall`): string[] | boolean => {\n if (!sizePattern.exec(config)) {\n return false;\n }\n const cols = config.split('_').slice(1);\n const translatedSize = translatePrefix(size);\n const sizePrefix = (translatedSize && `-${translatedSize}`) || '';\n return cols.map((colWidth: string) => `col${sizePrefix}-${colWidth}`);\n};\n\nexport const showErrors = (context?: ICoreContext): Boolean => {\n const { isDebug, isEditor }: IShowErrorOptions = (context && context.request && context.request.params) || {};\n return !!isDebug || !!isEditor;\n};\n\n/**\n * Converts viewport configuration into a two dimensional array of class names\n */\nexport const getColClassArray = (options: IViewPortOptions): string[][] =>\n (\n [\n options.xsmall && getColumnSizes(options.xsmall),\n options.small && getColumnSizes(options.small, 'small'),\n options.medium && getColumnSizes(options.medium, 'medium'),\n options.large && getColumnSizes(options.large, 'large')\n ].filter(Boolean)\n );\n\nexport const colWidths = new Map([\n ['one', 'col-md-1'],\n ['two', 'col-md-2'],\n ['three', 'col-md-3'],\n ['four', 'col-md-4'],\n ['six', 'col-md-6'],\n ['twelve', 'col-md-12']\n]);\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","getBackgroundRepeatProperty","size","repeat","getBackgroundSizeProperty","buildBackgroundImageStylesByViewport","props","containerType","image","request","configs","gridSettings","imageSettings","styles","largestGridSettingViewportName","getLargestGridSettingViewportName","authoringViewPorts","moduleName","layout","msdyn365Commerce","authoringHelper","_msdyn365","constructViewportInformationForImage","themeSettings","getAuthoringViewport","imgSettings","viewports","xs","w","h","sm","lg","xl","skipWidthAndHeightSettings","Object","keys","map","vp","viewport","minMaxWidth","getMinMaxWidth","urlSrc","getImageResizeUrl","src","externalProvider","apiSettings","maxWidth","max","minWidth","min","minHeight","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","setStyleAttribute","currentStyle","style","undefined","getDataBgSetAttribute","dataBgSetAttributes","push","join","BACKGROUND_IMAGE_CLASS_NAME","BackgroundImage","React","constructor","state","super","this","stylesByViewport","_getCurrentStyle","mounted","_componentResize","bind","updateAttributes","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","shouldComponentUpdate","nextProps","nextState","render","children","processedAtributes","_processAttributes","_isLazyload","attributes","_getAttributes","className","_getDefaultAttributes","lazyLoad","role","getBackgroundImageLazyloadAttributes","getBackgroundImageAttributes","selectedStyle","setState","winInnerWidth","innerWidth","Number","MAX_SAFE_INTEGER","_getDefaultStyle","disableLazyLoad","getContainerType","Container","typeName","id","backgroundImageRepeat","backgroundImageSize","moduleLayout","customClassName","containerContent","HeadingComponent","tag","headingText","textSize","Tag","classNameWithHeading","Text","text","editProps","onEdit","handleTextChange","requestContext","Default2SlotContainer","event","config","heading","target","value","_getColClassName","classNames","getColClassArray","length","reduce","memo","left","right","slots","telemetry","context","data","log","LogLevel","values","content","slotsClassNames","headingProps","msdyn365__moduleLayout","showErrors","slice","slot","index","key","sizePattern","getColumnSizes","exec","cols","split","translatedSize","prefix","toLowerCase","translatePrefix","sizePrefix","colWidth","isDebug","isEditor","params","options","xsmall","small","medium","large","filter","Boolean","colWidths","Map","module","exports","ReactDOM"],"sourceRoot":""}