{"version":3,"sources":["webpack:///src/utils/classnames.ts?8f2b","webpack:///src/modules/default-container-2-slots/default-container-2-slots.tsx?b218","webpack:///src/components/container-background-image/container-background-image-helper.ts?d691","webpack:///src/components/container-background-image/container-backgroud-image.tsx?89dd","webpack:///src/components/base-components.tsx?5f88","webpack:///external \"React\"?c481","webpack:///external \"ReactDOM\"?4b2d","webpack:///./lib/default-container-2-slots/module-registration.js?a004"],"names":["sizePattern","getColumnSizes","config","size","exec","cols","split","slice","translatedSize","prefix","toLowerCase","translatePrefix","sizePrefix","map","colWidth","showErrors","context","isDebug","isEditor","request","params","getColClassArray","options","xsmall","small","medium","large","filter","Boolean","colWidths","Map","Default2SlotContainer","React","PureComponent","constructor","props","super","handleTextChange","event","this","heading","headingText","target","value","_getColClassName","classNames","length","reduce","memo","_ref","left","right","push","render","slots","telemetry","data","log","LogLevel","Debug","values","id","typeName","content","slotsClassNames","Warning","headingProps","_objectSpread","requestContext","createElement","Container","containerType","className","backgroundImage","backgroundImageRepeat","backgroundImageSize","moduleLayout","msdyn365__moduleLayout","HeadingComponent","Object","assign","join","Fragment","slot","index","key","getBackgroundRepeatProperty","repeat","getBackgroundSizeProperty","buildBackgroundImageStylesByViewport","_request$gridSettings","image","configs","gridSettings","imageSettings","styles","largestGridSettingViewportName","getLargestGridSettingViewportName","authoringViewPorts","getAuthoringViewport","moduleName","layout","msdyn365Commerce","isBrowser","authoringHelper","window","_msdyn365","constructViewportInformationForImage","themeSettings","imgSettings","viewports","_cloneDeep2","xs","w","h","sm","md","lg","xl","skipWidthAndHeightSettings","keys","vp","_imgSettings$viewport","viewport","minMaxWidth","getMinMaxWidth","urlSrc","getImageResizeUrl","src","externalProvider","apiSettings","maxWidth","max","minWidth","min","minHeight","backgroundRepeat","backgroundSize","backgroundPosition","setStyleAttribute","currentStyle","style","undefined","getDataBgSetAttribute","dataBgSetAttributes","BackgroundImage","state","stylesByViewport","_onChangeHandler","bind","_getCurrentStyle","mounted","_componentResize","updateAttributes","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","shouldComponentUpdate","nextProps","nextState","_this$props$request","_nextProps$request","_this$props$image","_nextProps$image","_this$props$image2","_nextProps$image2","children","backgroundImageClassName","isAuthoringEditEnabled","processedAtributes","_processAttributes","_isLazyload","attributes","_getAttributes","eventHandlers","onDoubleClick","_getDefaultAttributes","_unused","lazyLoad","getBackgroundImageLazyloadAttributes","role","getBackgroundImageAttributes","currentTarget","binding","eventTarget","$type","selectedStyle","_isEqual2","setState","winInnerWidth","innerWidth","_this$stylesByViewpor","_this$stylesByViewpor2","_this$stylesByViewpor3","_this$stylesByViewpor4","Number","MAX_SAFE_INTEGER","_getDefaultStyle","_this$props$image3","disableLazyLoad","getContainerType","customClassName","containerContent","tag","textSize","Tag","classNameWithHeading","Text","text","editProps","onEdit","module","exports","ReactDOM","modules","dataActions","c","require","da","iNM","ns","n","p","pdp","__bindings__"],"mappings":"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","file":"static/js/81.0cb9c7d77b56f7c22c77.chunk.js","sourcesContent":["/*!\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\n// eslint-disable-next-line security/detect-unsafe-regex\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","/*!\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 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 // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n imgSettings.viewports[viewport],\n imgSettings,\n skipWidthAndHeightSettings,\n image?.externalProvider,\n request?.apiSettings\n );\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n styles[viewport] = {\n maxWidth: minMaxWidth.max,\n minWidth: minMaxWidth.min,\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\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 // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n if (styles[vp].backgroundImage) {\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\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\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport msdyn365Commerce, { getLargestGridSettingViewportName, IGeneric, isAuthoringEditEnabled } 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._onChangeHandler = this._onChangeHandler.bind(this);\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 backgroundImageClassName = isAuthoringEditEnabled(this.props.request)\n ? `${BACKGROUND_IMAGE_CLASS_NAME} ms-editable-field enabled`\n : BACKGROUND_IMAGE_CLASS_NAME;\n const processedAtributes = this._processAttributes(\n backgroundImageClassName,\n this.currentStyle,\n this.stylesByViewport,\n this._isLazyload()\n );\n const attributes = this._getAttributes(processedAtributes);\n const eventHandlers = isAuthoringEditEnabled(this.props.request) ? { onDoubleClick: this._onChangeHandler } : {};\n\n if (this.state.updateAttributes) {\n // Update component with the latest attributes.\n return (\n
\n {children}\n
\n );\n } else if (this._isLazyload()) {\n // On lazyload, only include the class name on the first render.\n return (\n
\n {children}\n
\n );\n } else {\n // On lazyload disabled, render the default attributes from server side.\n return (\n
\n {children}\n
\n );\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 _onChangeHandler(event: React.SyntheticEvent | { target: { value: string } }): void {\n if (event.target === (event as React.SyntheticEvent).currentTarget) {\n const binding: any = this.props.image;\n const eventTarget: any = event.target;\n binding.$type = eventTarget.value;\n }\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 // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n (this.stylesByViewport[vp]?.minWidth || this.stylesByViewport[vp]?.maxWidth) &&\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n (this.stylesByViewport[vp]?.minWidth || 0) <= winInnerWidth &&\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n winInnerWidth <= (this.stylesByViewport[vp]?.maxWidth || Number.MAX_SAFE_INTEGER)\n ) {\n // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\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 // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\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","module.exports = React;","module.exports = ReactDOM;","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 };"],"sourceRoot":""}