{"version":3,"sources":["webpack:///./src/themes/connselmer2/views/buybox.view.tsx?45f9","webpack:///./src/modules/two-column-layout/two-column-layout.view.tsx?507e","webpack:///./src/modules/two-column-layout/two-column-layout.tsx?be0a","webpack:///./src/themes/connselmer/views/buybox.view.tsx?239e","webpack:///./src/themes/leblanc/views/buybox.view.tsx?21f6"],"names":["_renderConfigureDropdown","dropdown","ExtensionProps","count","ContainerProps","LabelContainerProps","heading","errors","select","headingLabel","React","Node","Object","assign","_renderShopSimilarItem","shopSimilarItem","input","BuyboxView","props","addToCart","addToOrderTemplate","addToWishlist","configure","findInStore","keyInPrice","price","ProductInfoContainerProps","quantity","shopSimilarLook","shopSimilarDescription","product","undefined","ExtensionProperties","final","ep_key","Key","ep_val","keys","Value","forEach","item","_getExtensionProperties","data","result","productAttribute","setProductAttribute","useState","_props$data$productDi","async","_props$data$product$r","getAttribute","getAttributeValuesAsync","callerContext","context","actionContext","RecordId","request","apiSettings","channelId","catalogId","_getAttributesAsync","productDimensions","dimension","_dimension$ExtensionP","dimension_type","DimensionTypeValue","dimension_values","value","_value$Value","StringValue","JSON","parse","dimensions","type_dimension","dropDowns","document","getElementsByClassName","valves","getElementById","material","i","length","_dropDowns$i$firstEle","dropDown_for","firstElementChild","search_against","slice","indexOf","toString","$element","lastChild","classList","contains","$options","children","z","is_exist","y","textContent","VALUE","remove","option_elem","createElement","setAttribute","add","appendChild","$select","options","text","inject_dimensions","id","className","mediaGallery","title","_renderSearchName","toLowerCase","_renderLevelScale","_formatPricing","includes","socialShare","slots","_renderConfigure","dropdowns","map","unitOfMeasure","bulkPurchaseLink","rating","_renderKeyInPrice","_renderQuantity","inventoryLabel","errorBlock","button","_renderAddToCart","storeSelector","description","modal","productPickupOptionList","_renderFindInStore","_renderAddToOrderTemplate","_renderAddToWishlist","href","_renderHtmlField","fieldKey","replace","ReactHtmlParser","attr","TextValue","scope","Name","config","cusLeftBootstrapClass","cusLeftTextfield","cusRightBootstrapClass","cusRightIframeHeading","src","cusRightIframeSrc","height","cusRightIframeAriaLabel","TwoColumnLayout","render","this","renderView","_renderLongFields","_product$ExtensionPro","_vals","_titles","_results","element","_element$Value","push","_renderCollapse","html","searchName","_product$ExtensionPro2","_element$Value2","_element$Value3","_renderCurrencyCode","_currencyCode","_product$ExtensionPro3","_element$Value4","_element$Value5","_element$Value6","scaleLevel","scaleClass","_product$ExtensionPro4","_element$Value7","_element$Value8","_element$Value9","toLocaleLowerCase","_showPrice","showPrice","_product$ExtensionPro5","_element$Value10","BooleanValue","parent_props","_renderSocialShare","counter","productDimensionColor","productDimensionSize","productDimensionType","_product$ExtensionPro6","_element$Value11","_element$Value13","_element$Value15","_element$Value12","_element$Value14","_element$Value16","recordID","channelID","catelogID","_getAttriAsync","attribute","_props$data$product$r2","PriceRaw","Price"],"mappings":"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","file":"static/js/11.9947f46c27c90d9a3686.chunk.js","sourcesContent":["import {Node} from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport {\r\n\tIBuyboxAddToCartViewProps,\r\n\tIBuyboxAddToOrderTemplateViewProps,\r\n\tIBuyboxAddToWishlistViewProps,\r\n\tIBuyboxKeyInPriceViewProps,\r\n\tIBuyboxProductConfigureDropdownViewProps,\r\n\tIBuyboxProductConfigureViewProps,\r\n\tIBuyboxProductQuantityViewProps,\r\n\tIBuyboxShopSimilarLookViewProps\r\n} from '@msdyn365-commerce-modules/buybox/src/common';\r\nimport { IBuyboxViewProps } from '@msdyn365-commerce-modules/buybox/src/modules/buybox/./buybox';\r\nimport {\r\n\tIBuyboxFindInStoreViewProps\r\n} from '@msdyn365-commerce-modules/buybox/src/modules/buybox/components/buybox-find-in-store';\r\nimport { AttributeValue, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport {getAttributeValuesAsync} from \"@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g\";\r\nimport {ReactNode, useState} from 'react';\r\n\r\n\r\n/* Private Functions */\r\nconst _getExtensionProperties = (product: SimpleProduct|undefined): null|{} => {\r\n\tif (product === undefined || !product.ExtensionProperties) return null;\r\n\t//we have product data, proceed to extract the usable attributes\r\n\tlet count = 0;\r\n\tlet final = {};\t\t//final return for our data\r\n\r\n\twhile (product.ExtensionProperties && product.ExtensionProperties[count] !== undefined){\r\n\t\tconst ep_key = product.ExtensionProperties[count].Key;\r\n\t\tlet ep_val: any;\r\n\r\n\t\tObject.keys(product.ExtensionProperties[count].Value!).forEach((item) => {\r\n\t\t\tif (product.ExtensionProperties![count].Value![item] !== undefined){\r\n\t\t\t\tep_val = product.ExtensionProperties![count].Value![item];\r\n\t\t\t}\r\n\t\t})\r\n\t\tif (ep_key && ep_val) final[ep_key] = ep_val;\t//false switches don't pass this\r\n\t\tcount++;\r\n\t}\r\n\treturn final;\r\n}\r\nconst _renderSearchName = (ExtensionProps: {}|null): JSX.Element|null => {\r\n\tif (ExtensionProps && ExtensionProps[\"SearchName\"]){\r\n\t\treturn <h2 className=\"ms-buybox__search-name h5 text-muted\">{ExtensionProps[\"SearchName\"]}</h2>;\r\n\t} else {\r\n\t\treturn null\r\n\t}\r\n}\r\nconst _renderLevelScale = (ExtensionProps: {}|null): JSX.Element|null => {\r\n\tif (ExtensionProps && ExtensionProps[\"LevelId\"]){\r\n\t\treturn (\r\n\t\t\t<div className={'bb_product-level ' + ExtensionProps[\"LevelId\"].toLowerCase()}>{ExtensionProps[\"LevelId\"]}</div>\r\n\t\t)\r\n\t} else {\r\n\t\treturn null\r\n\t}\r\n};\r\nconst _formatPricing = (ExtensionProps: {}|null, price: ReactNode|undefined, channelId:number) => {\r\n\t//if there's no price, break out / show nothing.\r\n\tif (!price) return null;\r\n\t//Check if the price needs to be suppressed (no data in EP, or Suppress flag is present)\r\n\tif (!ExtensionProps || ExtensionProps['IsSupressPrice']) return null;\r\n\tif([5637145352,5637145370].includes(channelId)){\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div className=\"d-flex pricing\">{price}</div>\r\n\t\t\t\t<p className=\"small\">Price includes VATS</p>\r\n\t\t\t</>\r\n\t\t)\r\n\t} else {\r\n\t\treturn <div className=\"d-flex pricing\">{price}</div>\r\n\t}\r\n}\r\nconst _renderSocialShare = (socialShare: React.ReactNode[]): JSX.Element|null => {\r\n\tif (!socialShare || socialShare.length === 0) return null;\r\n\treturn (<>\r\n\t\t{socialShare[0]}\r\n\t\t<hr className=\"my-3\"/>\r\n\t</>);\r\n};\r\nconst _renderConfigure = (configure: IBuyboxProductConfigureViewProps, ExtensionProps: Object|null): JSX.Element => {\r\n\tconst {ContainerProps, dropdowns} = configure;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t{dropdowns.map((dropdown: IBuyboxProductConfigureDropdownViewProps, i: number) => {\r\n\t\t\t\treturn _renderConfigureDropdown(dropdown, ExtensionProps, i);\r\n\t\t\t})}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderConfigureDropdown = (\r\n\tdropdown: IBuyboxProductConfigureDropdownViewProps, ExtensionProps: Object|null, count: number,\r\n): JSX.Element => {\r\n\tconst dimensionOverrideKeys = ['DimensionOne', 'DimensionThree', 'DimensionFour'];\r\n\tconst {ContainerProps, LabelContainerProps, heading, errors, select} = dropdown;\r\n\t//if we have an overide use it, otherwise use the default\r\n\tconst headingLabel = (ExtensionProps && ExtensionProps[dimensionOverrideKeys[count]]) || heading;\r\n\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{headingLabel}{errors}</Node>\r\n\t\t\t{select}\r\n\t\t</Node>\r\n\t);\r\n}\r\nconst _renderKeyInPrice = (keyInPrice: IBuyboxKeyInPriceViewProps): JSX.Element => {\r\n\tconst { ContainerProps, LabelContainerProps, heading, input } = keyInPrice;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{heading}</Node>\r\n\t\t\t{input}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderQuantity = (quantity: IBuyboxProductQuantityViewProps): JSX.Element => {\r\n\tconst { ContainerProps, LabelContainerProps, heading, input, errors } = quantity;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{heading}{errors}</Node>\r\n\t\t\t{input}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderAddToCart = (addToCart: IBuyboxAddToCartViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToCart;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderAddToOrderTemplate = (addToOrderTemplate: IBuyboxAddToOrderTemplateViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToOrderTemplate;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderAddToWishlist = (addToWishlist: IBuyboxAddToWishlistViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToWishlist;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderFindInStore = (findInStore: IBuyboxFindInStoreViewProps): JSX.Element => {\r\n\tconst {\r\n\t\tContainerProps,\r\n\t\tstoreSelector,\r\n\t\theading,\r\n\t\tdescription,\r\n\t\terrors,\r\n\t\tbutton,\r\n\t\tmodal,\r\n\t\tproductPickupOptionList\r\n\t} = findInStore;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t{storeSelector} {heading} {productPickupOptionList} {description} {errors} {button} {modal}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderShopSimilarItem = (shopSimilarItem: IBuyboxShopSimilarLookViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errors, input } = shopSimilarItem;\r\n\treturn <Node {...ContainerProps}>{errors} {input}</Node>;\r\n};\r\nconst _renderHtmlField = (fieldKey:string, ExtensionProps:Object|null):JSX.Element|null => {\r\n\tif(ExtensionProps === null) return null;\r\n\tif(ExtensionProps[fieldKey]){\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"mb-3 mb-lg-5\">\r\n\t\t\t\t<h2 className=\"mb-2\">{fieldKey.replace('Product','')}</h2>\r\n\t\t\t\t{ReactHtmlParser(ExtensionProps[fieldKey])}\r\n\t\t\t</div>\r\n\t\t)\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n}\r\n//Injection of deleted dimensions\r\nfunction inject_dimensions(dimensions: any, type_dimension: any) {\r\n\tlet dropDowns = document.getElementsByClassName('ms-buybox__dropdown');\r\n\t//Get the dropdown html by using ID\r\n\tconst valves = document.getElementById('valves');\r\n\tconst material = document.getElementById('material');\r\n\r\n\tfor (let i = 0; i < dropDowns.length; i++) {\r\n\t\tlet dropDown_for = dropDowns[i].firstElementChild?.getAttribute('for');\r\n\t\tlet dimension_type;\r\n\t\tif (dropDown_for != null) {\r\n\t\t\tlet search_against = 'ms-buybox__dropown-quantity-input-';\r\n\t\t\tdimension_type = dropDown_for.slice(dropDown_for.indexOf(search_against) + search_against.length);\r\n\t\t\tif (dimensions !== undefined && dimension_type == type_dimension.toString()) {\r\n\t\t\t\tlet $element = dropDowns[i].lastChild as HTMLDivElement;\r\n\t\t\t\tif ($element.classList.contains('msc-swatch-container')) {\r\n\t\t\t\t\t//SWATCH\r\n\t\t\t\t\tlet $options = $element.children as HTMLCollection;\r\n\t\t\t\t\tfor (let z = 0; z < dimensions.length; z++) {\r\n\t\t\t\t\t\tlet is_exist = false;\r\n\t\t\t\t\t\tfor (let y = 0; y < $options.length; y++) {\r\n\t\t\t\t\t\t\tif ($options[y].textContent == dimensions[z].VALUE) {\r\n\t\t\t\t\t\t\t\tis_exist = true;\r\n\t\t\t\t\t\t\t\t//Remove duplicate\r\n\t\t\t\t\t\t\t\tif ($options[y].textContent == material?.textContent) {\r\n\t\t\t\t\t\t\t\t\tmaterial && material.remove();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!is_exist) {\r\n\t\t\t\t\t\t\t//PUSH the value\r\n\t\t\t\t\t\t\tlet option_elem = document.createElement('button');\r\n\t\t\t\t\t\t\toption_elem.textContent = dimensions[z].VALUE;\r\n\t\t\t\t\t\t\toption_elem.setAttribute('disabled', '');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item__unselected');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item__uncolored');\r\n\t\t\t\t\t\t\toption_elem.setAttribute('id', 'material');\r\n\t\t\t\t\t\t\t$element.appendChild(option_elem);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t//DROPDOWN\r\n\t\t\t\t\tlet $select = dropDowns[i].lastChild as HTMLSelectElement;\r\n\t\t\t\t\tlet $options = $select.options as HTMLOptionsCollection;\r\n\t\t\t\t\tfor (let z = 0; z < dimensions.length; z++) {\r\n\t\t\t\t\t\tlet is_exist = false;\r\n\t\t\t\t\t\tfor (let y = 0; y < $options.length; y++) {\r\n\t\t\t\t\t\t\tif ($options[y].text == dimensions[z].VALUE) {\r\n\t\t\t\t\t\t\t\tis_exist = true;\r\n\t\t\t\t\t\t\t\t//Remove duplicate\r\n\t\t\t\t\t\t\t\tif ($options[y].text == valves?.textContent) {\r\n\t\t\t\t\t\t\t\t\tvalves && valves.remove();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!is_exist) {\r\n\t\t\t\t\t\t\t//PUSH the value in the dropDown\r\n\t\t\t\t\t\t\tlet option_elem = document.createElement('option');\r\n\t\t\t\t\t\t\toption_elem.text = dimensions[z].VALUE;\r\n\t\t\t\t\t\t\toption_elem.setAttribute('disabled', '');\r\n\t\t\t\t\t\t\toption_elem.setAttribute('id', 'valves');\r\n\t\t\t\t\t\t\t$select.options.add(option_elem);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/* Main Exported Function */\r\nconst BuyboxView: React.FC<IBuyboxViewProps> = props => {\r\n\t/* Only destructuring repeated or complicated props\r\n\t * Totally removed MediaGalleryContainerProps & description (not using OOtB) */\r\n\tconst {\r\n\t\taddToCart,\r\n\t\taddToOrderTemplate,\r\n\t\taddToWishlist,\r\n\t\tconfigure,\r\n\t\tfindInStore,\r\n\t\tkeyInPrice,\r\n\t\tprice,\r\n\t\tProductInfoContainerProps,\r\n\t\tquantity,\r\n\t\tshopSimilarLook,\r\n\t\tshopSimilarDescription,\r\n\t} = props;\r\n\tconst ExtensionProps = _getExtensionProperties(props.data.product.result);\r\n\t//Attribute Function Chain\r\n\tconst [productAttribute, setProductAttribute] = useState<AttributeValue[]>([]);\r\n\tconst _getAttributesAsync = async (props: IBuyboxViewProps) => {\r\n\t\tconst getAttribute:AttributeValue[] = await getAttributeValuesAsync(\r\n\t\t\t{ callerContext: props.context.actionContext },\r\n\t\t\tprops.data.product.result?.RecordId!,\r\n\t\t\tprops.context.request.apiSettings.channelId,\r\n\t\t\tprops.context.request.apiSettings.catalogId\r\n\t\t);\r\n\t\tsetProductAttribute(getAttribute);\r\n\t}\r\n\tconst renderProductAttributes = () => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<h2 className=\"ms-product-specification__heading\">Product Attributes</h2>\r\n\t\t\t\t<table className=\"ms-product-specification__table table-striped table-bordered\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t{productAttribute.map(attr => (\r\n\t\t\t\t\t\t<tr className=\"ms-product-specification__table-row\">\r\n\t\t\t\t\t\t\t{attr.TextValue !== '' && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<th scope=\"row\">{attr.Name}</th>\r\n\t\t\t\t\t\t\t\t\t<td>{attr.TextValue}</td>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</>\r\n\t\t);\r\n\t};\r\n\r\n\t// Get Attribute Call\r\n\tReact.useEffect(() => {\r\n\t\t _getAttributesAsync(props);\r\n\t\t props.data.productDimensions.result?.forEach(dimension => {\r\n\t\t\t let dimension_type = dimension.DimensionTypeValue;\r\n\t\t\t let dimension_values: any = '';\r\n\t\t\t dimension.ExtensionProperties?.forEach(value => {\r\n\t\t\t\t if (value.Key == 'AllDimensions') dimension_values = value.Value?.StringValue;\r\n\t\t\t });\r\n\t\t\t if (dimension_values !== '') {\r\n\t\t\t\t dimension_values = JSON.parse(dimension_values);\r\n\t\t\t\t inject_dimensions(dimension_values, dimension_type);\r\n\t\t\t }\r\n\t\t });\r\n\t });\r\n\r\n\treturn (\r\n\t\t<div id=\"pdp\" className=\"row mb-3 mb-lg-5\">\r\n\t\t\t<div className=\"col-sm-7 col-lg-8 pos-initial\">\r\n\t\t\t\t<div className=\"ms-buybox__media-gallery\">{props.mediaGallery}</div>\r\n\t\t\t\t<Node {...ProductInfoContainerProps}>\r\n\t\t\t\t\t<div className=\"ms-buybox__details\">\r\n\t\t\t\t\t\t{props.title}\r\n\t\t\t\t\t\t{_renderSearchName(ExtensionProps)}\r\n\t\t\t\t\t\t{_renderLevelScale(ExtensionProps)}\r\n\t\t\t\t\t\t{_formatPricing(ExtensionProps, price, props.context.request.apiSettings.channelId)}\r\n\t\t\t\t\t\t{_renderSocialShare(props.slots && props.slots.socialShare)}\r\n\t\t\t\t\t\t{configure && _renderConfigure(configure, ExtensionProps)}\r\n\t\t\t\t\t\t{props.unitOfMeasure}\r\n\t\t\t\t\t\t{props.bulkPurchaseLink}\r\n\t\t\t\t\t\t{/*{description}*/}\r\n\t\t\t\t\t\t{props.rating}\r\n\t\t\t\t\t\t{keyInPrice && _renderKeyInPrice(keyInPrice)}\r\n\t\t\t\t\t\t{quantity && _renderQuantity(quantity)}\r\n\t\t\t\t\t\t{props.inventoryLabel}\r\n\t\t\t\t\t\t{addToCart && _renderAddToCart(addToCart)}\r\n\t\t\t\t\t\t{findInStore && _renderFindInStore(findInStore)}\r\n\t\t\t\t\t\t{addToOrderTemplate && _renderAddToOrderTemplate(addToOrderTemplate)}\r\n\t\t\t\t\t\t{addToWishlist && _renderAddToWishlist(addToWishlist)}\r\n\t\t\t\t\t\t{shopSimilarLook && _renderShopSimilarItem(shopSimilarLook)}\r\n\t\t\t\t\t\t{shopSimilarDescription && _renderShopSimilarItem(shopSimilarDescription)}\r\n\t\t\t\t\t\t<hr className=\"my-3\"/>\r\n\t\t\t\t\t\t<a className=\"msc-btn w-100\" href=\"/dealer-locator\">Find a Dealer</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</Node>\r\n\t\t\t\t{['ProductDescription', 'ProductFeatures', 'ProductSpecification'].map((item) => {\r\n\t\t\t\t\treturn _renderHtmlField(item, ExtensionProps)\r\n\t\t\t\t})}\r\n\t\t\t\t{productAttribute && renderProductAttributes()}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t)\r\n};\r\nexport default BuyboxView;","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { ITwoColumnLayoutViewProps } from './two-column-layout';\r\n\r\nexport default (props: ITwoColumnLayoutViewProps) => {\r\n    return (\r\n        <div className='default-container container'>\r\n            <div className='row'>\r\n                <div className={` ${props.config.cusLeftBootstrapClass}`}>\r\n                    {ReactHtmlParser(`${props.config.cusLeftTextfield}`)}\r\n                </div>\r\n                <div className={` ${props.config.cusRightBootstrapClass}`}>\r\n                    <div className='ms-iframe warranty-form mt-3' id='' data-m-t='iframe'>\r\n                        <h2 className='ms-iframe__heading'>{props.config.cusRightIframeHeading}</h2>\r\n                        <iframe\r\n                            className='ms-iframe__content'\r\n                            src={props.config.cusRightIframeSrc}\r\n                            height='100%'\r\n                            aria-label={`${props.config.cusRightIframeAriaLabel}`}\r\n                        ></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nimport { ITwoColumnLayoutData } from './two-column-layout.data';\r\nimport { ITwoColumnLayoutProps } from './two-column-layout.props.autogenerated';\r\n\r\nexport interface ITwoColumnLayoutViewProps extends ITwoColumnLayoutProps<ITwoColumnLayoutData> {}\r\n\r\n/**\r\n *\r\n * TwoColumnLayout component\r\n * @extends {React.PureComponent<ITwoColumnLayoutProps<ITwoColumnLayoutData>>}\r\n */\r\nclass TwoColumnLayout extends React.PureComponent<ITwoColumnLayoutProps<ITwoColumnLayoutData>> {\r\n    public render(): JSX.Element | null {\r\n        return this.props.renderView(this.props);\r\n    }\r\n}\r\n\r\nexport default TwoColumnLayout;\r\n","/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport {\r\n    IBuyboxAddToCartViewProps,\r\n    IBuyboxAddToOrderTemplateViewProps,\r\n    IBuyboxAddToWishlistViewProps,\r\n    IBuyboxKeyInPriceViewProps,\r\n    IBuyboxProductConfigureDropdownViewProps,\r\n    IBuyboxProductConfigureViewProps,\r\n    IBuyboxProductQuantityViewProps,\r\n    IBuyboxShopSimilarLookViewProps\r\n} from '@msdyn365-commerce-modules/buybox/src/modules/buybox/../../common';\r\nimport { IBuyboxViewProps } from '@msdyn365-commerce-modules/buybox/src/modules/buybox/./buybox';\r\nimport { IBuyboxFindInStoreViewProps } from '@msdyn365-commerce-modules/buybox/src/modules/buybox/./components/buybox-find-in-store';\r\n//import { getProductDimensions Async, getProductRefiners Async } from '../../../dataService/DataActionExtension.g';\r\nimport { AttributeValue, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { getAttributeValuesAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g';\r\nimport { useState } from 'react';\r\n\r\n//Commented out Description (the OOtB desc) since we're not using it for now.\r\nconst BuyboxView: React.FC<IBuyboxViewProps> = props => {\r\n    const {\r\n        /*MediaGalleryContainerProps,*/ ProductInfoContainerProps,\r\n        addToCart,\r\n        addToOrderTemplate,\r\n        addToWishlist,\r\n        configure,\r\n        /*description,*/ findInStore,\r\n        quantity,\r\n        price,\r\n        title,\r\n        rating,\r\n        inventoryLabel,\r\n        shopSimilarLook,\r\n        keyInPrice,\r\n        shopSimilarDescription,\r\n        unitOfMeasure\r\n    } = props;\r\n\r\n    const [productAttribute, setProductAttribute] = useState<AttributeValue[]>([]);\r\n    // Get Attribute Call\r\n    const _getAttriAsync = async (props: IBuyboxViewProps) => {\r\n        const context = props.context.actionContext;\r\n        const recordID: number = props.data.product.result?.RecordId!;\r\n        const channelID = props.context.request.apiSettings.channelId;\r\n        const catelogID = props.context.request.apiSettings.catalogId;\r\n        const getAttribute: AttributeValue[] = await getAttributeValuesAsync({ callerContext: context }, recordID, channelID, catelogID);\r\n\r\n        setProductAttribute(getAttribute);\r\n    };\r\n    // Product Attribute Rendering HTML\r\n    const renderProductAttributes = () => {\r\n        return (\r\n            <>\r\n                <h2 className='ms-product-specification__heading'>Product Attribtues</h2>\r\n                <table className='ms-product-specification__table table-striped table-bordered'>\r\n                    <tbody>\r\n                        {productAttribute.map(attribute => (\r\n                            <tr className='ms-product-specification__table-row'>\r\n                                {attribute.TextValue !== '' && (\r\n                                    <>\r\n                                        <th scope='row'>{attribute.Name}</th>\r\n                                        <td>{attribute.TextValue}</td>\r\n                                    </>\r\n                                )}\r\n                            </tr>\r\n                        ))}\r\n                    </tbody>\r\n                </table>\r\n            </>\r\n        );\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        _getAttriAsync(props);\r\n\r\n        props.data.productDimensions.result?.forEach(dimension => {\r\n            let dimension_type = dimension.DimensionTypeValue;\r\n            let dimension_values: any = '';\r\n            dimension.ExtensionProperties?.forEach(value => {\r\n                if (value.Key == 'AllDimensions') {\r\n                    dimension_values = value.Value?.StringValue;\r\n                }\r\n            });\r\n            if (dimension_values !== '') {\r\n                dimension_values = JSON.parse(dimension_values);\r\n                inject_dimensions(dimension_values, dimension_type);\r\n            }\r\n        });\r\n\r\n        function inject_dimensions(dimensions: any, type_dimension: any) {\r\n            let dropDowns = document.getElementsByClassName('ms-buybox__dropdown');\r\n            //Get the dropdown html by using ID\r\n            const valves = document.getElementById('valves');\r\n            const material = document.getElementById('material');\r\n            for (let i = 0; i < dropDowns.length; i++) {\r\n                let dropDown_for = dropDowns[i].firstElementChild?.getAttribute('for');\r\n                let dimension_type;\r\n                if (dropDown_for != null) {\r\n                    let search_against = 'ms-buybox__dropown-quantity-input-';\r\n                    dimension_type = dropDown_for.slice(dropDown_for.indexOf(search_against) + search_against.length);\r\n                    if (dimensions !== undefined && dimension_type == type_dimension.toString()) {\r\n                        let $element = dropDowns[i].lastChild as HTMLDivElement;\r\n                        if ($element.classList.contains('msc-swatch-container')) {\r\n                            //SWATCH\r\n                            let $options = $element.children as HTMLCollection;\r\n                            for (let z = 0; z < dimensions.length; z++) {\r\n                                let is_exist = false;\r\n                                for (let y = 0; y < $options.length; y++) {\r\n                                    if ($options[y].textContent == dimensions[z].VALUE) {\r\n                                        is_exist = true;\r\n                                        //Remove duplicate\r\n                                        if ($options[y].textContent == material?.textContent) {\r\n                                            material && material.remove();\r\n                                        }\r\n                                    }\r\n                                }\r\n                                if (is_exist === false) {\r\n                                    //PUSH the value\r\n                                    let option_elem = document.createElement('button');\r\n                                    option_elem.textContent = dimensions[z].VALUE;\r\n                                    option_elem.setAttribute('disabled', '');\r\n                                    option_elem.classList.add('msc-swatch-container__item');\r\n                                    option_elem.classList.add('msc-swatch-container__item__unselected');\r\n                                    option_elem.classList.add('msc-swatch-container__item__uncolored');\r\n                                    option_elem.setAttribute('id', 'material');\r\n                                    $element.appendChild(option_elem);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            //DROPDOWN\r\n                            let $select = dropDowns[i].lastChild as HTMLSelectElement;\r\n                            let $options = $select.options as HTMLOptionsCollection;\r\n                            for (let z = 0; z < dimensions.length; z++) {\r\n                                let is_exist = false;\r\n                                for (let y = 0; y < $options.length; y++) {\r\n                                    if ($options[y].text == dimensions[z].VALUE) {\r\n                                        is_exist = true;\r\n                                        //Remove duplicate\r\n                                        if ($options[y].text == valves?.textContent) {\r\n                                            valves && valves.remove();\r\n                                        }\r\n                                    }\r\n                                }\r\n                                if (is_exist === false) {\r\n                                    //PUSH the value in the dropDown\r\n                                    let option_elem = document.createElement('option');\r\n                                    option_elem.text = dimensions[z].VALUE;\r\n                                    option_elem.setAttribute('disabled', '');\r\n                                    option_elem.setAttribute('id', 'valves');\r\n                                    $select.options.add(option_elem);\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    });\r\n    return (\r\n        <div id='pdp' className='row mb-3 mb-lg-5'>\r\n            <div className='col-sm-7 col-md-6 col-lg-8 col-xl-7 col-hd-8 pos-initial'>\r\n                <div className='ms-buybox__media-gallery'>{props.mediaGallery}</div>\r\n                <Node {...ProductInfoContainerProps}>\r\n                    <div className='ms-buybox__details'>\r\n                        {title}\r\n                        {_renderSearchName(props.data.product.result)}\r\n                        {_renderLevelScale(props, props.data.product.result)}\r\n                        <div className='d-flex'>\r\n                            {_showPrice(props.data.product.result) && price}\r\n                            {_renderCurrencyCode(props.data.product.result)}\r\n                        </div>\r\n                        {_renderSocialShare(props.slots && props.slots.socialShare)}\r\n                        {configure && _renderConfigure(configure, props)}\r\n                        {unitOfMeasure}\r\n                        {props.bulkPurchaseLink}\r\n                        {/*{description}*/}\r\n                        {rating}\r\n                        {/*{getProductDimensions(props.context.actionContext.requestContext, \"PM-102\")}*/}\r\n                        {keyInPrice && _renderKeyInPrice(keyInPrice)}\r\n                        {quantity && _renderQuantity(quantity)}\r\n                        {inventoryLabel}\r\n                        {addToCart && _renderAddToCart(addToCart)}\r\n                        {findInStore && _renderFindInStore(findInStore)}\r\n                        {addToOrderTemplate && _renderAddToOrderTemplate(addToOrderTemplate)}\r\n                        {addToWishlist && _renderAddToWishlist(addToWishlist)}\r\n                        {shopSimilarLook && _renderShopSimilarItem(shopSimilarLook)}\r\n                        {shopSimilarDescription && _renderShopSimilarItem(shopSimilarDescription)}\r\n                        <hr className='my-3' />\r\n                        <a className='msc-btn w-100' href='/dealer-locator'>\r\n                            Find a Dealer\r\n                        </a>\r\n                    </div>\r\n                </Node>\r\n                {_renderLongFields(props.data.product.result)}\r\n                {productAttribute && renderProductAttributes()}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\n//Loop through the 40+ ExtensionProperties only once (vs 3 times), & then map the 1-3 saved elements to the page.\r\nconst _renderLongFields = (product: SimpleProduct | undefined) => {\r\n    if (product !== undefined) {\r\n        const _vals: Array<string> = ['ProductDescription', 'ProductFeatures', 'ProductSpecification'];\r\n        const _titles: Array<string> = ['Description', 'Features', 'Specifications'];\r\n        let _results: JSX.Element[] = []; //create an empty array for stringified HTML\r\n        //check for our three sought-after values, and then use the associated title\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (_vals.includes(element.Key as string) && element.Value?.StringValue) {\r\n                _results.push(_renderCollapse(element.Value.StringValue, _titles[_vals.indexOf(element.Key as string)]));\r\n            }\r\n        });\r\n        return <div>{_results.map(item => item)}</div>;\r\n    } else {\r\n        return <></>;\r\n    }\r\n};\r\n\r\nconst _renderCollapse = (html: string, title: string) => {\r\n    return (\r\n        <div className='mb-3 mb-lg-5'>\r\n            <h2 className='h6 mb-2'>{title}</h2>\r\n            {ReactHtmlParser(html)}\r\n        </div>\r\n    );\r\n    //Didn't want to totally remove the collapse incase we need to revert\r\n    /*if(html.length >= 300){\r\n\t\treturn (\r\n\t\t\t<div className=\"clps-short\">\r\n\t\t\t\t<hr className=\"my-3\"/>\r\n\t\t\t\t<h2 className=\"h6 mb-2\">{title}</h2>\r\n\t\t\t\t<div className=\"content\">\r\n\t\t\t\t\t{ReactHtmlParser(html)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"d-flex jc-center\">\r\n\t\t\t\t\t<button className=\"show-btn\" onClick={_showMoreButtonClick}></button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t)\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<hr className=\"my-3\"/>\r\n\t\t\t\t<h2 className=\"h6 mb-2\">{title}</h2>\r\n\t\t\t\t{ReactHtmlParser(html)}\r\n\t\t\t</>\r\n\t\t)\r\n\t}*/\r\n};\r\n//Didn't want to totally remove the collapse incase we need to revert\r\n/*const _showMoreButtonClick = (e:React.MouseEvent<HTMLButtonElement>) => {\r\n\te.stopPropagation();\r\n\tconsole.log(e.currentTarget.closest('.clps-short')?.classList.toggle('show'));\r\n}*/\r\n\r\nconst _renderSearchName = (product: SimpleProduct | undefined) => {\r\n    let searchName = '';\r\n    if (product != undefined) {\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (element.Key == 'SearchName' && element.Value?.StringValue != undefined) {\r\n                searchName = element.Value?.StringValue;\r\n            }\r\n        });\r\n    }\r\n    return <h2 className='ms-buybox__search-name h5 text-muted'>{searchName}</h2>;\r\n};\r\n\r\nconst _renderCurrencyCode = (product: SimpleProduct | undefined) => {\r\n    let _currencyCode = '';\r\n    if (product != undefined) {\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (element.Key == 'CurrencyCode' && element.Value?.StringValue != '' && element.Value?.StringValue != undefined) {\r\n                _currencyCode = element.Value?.StringValue;\r\n            }\r\n        });\r\n    }\r\n    return <span className={'currency ' + _currencyCode.toLowerCase()}>{_currencyCode}</span>;\r\n};\r\n\r\nconst _renderLevelScale = (props: IBuyboxViewProps, product: SimpleProduct | undefined) => {\r\n    let scaleLevel = null;\r\n    let scaleClass = null;\r\n    if (product != undefined) {\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (element.Key == 'LevelId' && element.Value?.StringValue != undefined) {\r\n                scaleLevel = element.Value?.StringValue;\r\n                scaleClass = element.Value?.StringValue?.toLocaleLowerCase();\r\n            }\r\n        });\r\n\r\n        // Check if Product Sticker is available or not\r\n        if(scaleLevel != null)\r\n        {\r\n            return <div className={'bb_product-level ' + scaleClass}>{scaleLevel}</div>;\r\n        }\r\n        else{\r\n            return null;\r\n        }\r\n        //end\r\n       \r\n    } else {\r\n        return <div className={'bb_product-level ' + scaleClass}>{scaleLevel}</div>;\r\n    }\r\n};\r\n\r\nconst _showPrice = (product: SimpleProduct | undefined) => {\r\n    let showPrice: boolean = true;\r\n    if (product != undefined) {\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (element.Key == 'IsSupressPrice' && element.Value?.BooleanValue == true) {\r\n                showPrice = false;\r\n            }\r\n        });\r\n    }\r\n    return showPrice;\r\n};\r\n\r\nconst _renderAddToCart = (addToCart: IBuyboxAddToCartViewProps): JSX.Element => {\r\n    const { ContainerProps, errorBlock, button } = addToCart;\r\n\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {errorBlock}\r\n            {button}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderAddToOrderTemplate = (addToOrderTemplate: IBuyboxAddToOrderTemplateViewProps): JSX.Element => {\r\n    const { ContainerProps, errorBlock, button } = addToOrderTemplate;\r\n\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {errorBlock}\r\n            {button}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderAddToWishlist = (addToWishlist: IBuyboxAddToWishlistViewProps): JSX.Element => {\r\n    const { ContainerProps, errorBlock, button } = addToWishlist;\r\n\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {errorBlock}\r\n            {button}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderConfigure = (configure: IBuyboxProductConfigureViewProps, parent_props: IBuyboxViewProps): JSX.Element => {\r\n    const { ContainerProps, dropdowns } = configure;\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {/* {dropdowns.map(_renderConfigureDropdown, productDimension)} */}\r\n            {dropdowns.map((dropdown, i) => {\r\n                return _renderConfigureDropdown(dropdown, parent_props, i);\r\n            })}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderSocialShare = (socialShare: React.ReactNode[]): JSX.Element | undefined => {\r\n    if (!socialShare || socialShare.length === 0) return undefined;\r\n    return (\r\n        <>\r\n            {socialShare[0]}\r\n            <hr className='my-3' />\r\n        </>\r\n    );\r\n};\r\n\r\nconst _renderConfigureDropdown = (\r\n    dropdown: IBuyboxProductConfigureDropdownViewProps,\r\n    parent_props: IBuyboxViewProps,\r\n    counter: any\r\n): JSX.Element => {\r\n    const { ContainerProps, LabelContainerProps, heading, errors, select } = dropdown;\r\n    let productDimensionColor = '';\r\n    let productDimensionSize = '';\r\n    let productDimensionType = '';\r\n    //console.log(dropdown.select == '<div>Color</div>');\r\n    let product = parent_props.data.product.result;\r\n    if (product != undefined) {\r\n        product.ExtensionProperties?.forEach(element => {\r\n            if (element.Key == 'DimensionOne' && element.Value?.StringValue != undefined) {\r\n                productDimensionColor = element.Value?.StringValue;\r\n            }\r\n            if (element.Key == 'DimensionThree' && element.Value?.StringValue != undefined) {\r\n                productDimensionSize = element.Value?.StringValue;\r\n            }\r\n            if (element.Key == 'DimensionFour' && element.Value?.StringValue != undefined) {\r\n                productDimensionType = element.Value?.StringValue;\r\n            }\r\n        });\r\n        return (\r\n            <Node {...ContainerProps}>\r\n                <Node {...LabelContainerProps}>\r\n                    {counter == 0 && productDimensionColor != ''\r\n                        ? productDimensionColor\r\n                        : counter == 1 && productDimensionSize != ''\r\n                        ? productDimensionSize\r\n                        : counter == 2 && productDimensionType != ''\r\n                        ? productDimensionType\r\n                        : heading}\r\n                    {errors}\r\n                </Node>\r\n                {select}\r\n            </Node>\r\n        );\r\n    } else {\r\n        return (\r\n            <Node {...ContainerProps}>\r\n                <Node {...LabelContainerProps}>\r\n                    {counter == 0 && productDimensionColor != ''\r\n                        ? productDimensionColor\r\n                        : counter == 1 && productDimensionSize != ''\r\n                        ? productDimensionSize\r\n                        : counter == 2 && productDimensionType != ''\r\n                        ? productDimensionType\r\n                        : heading}\r\n                    {errors}\r\n                </Node>\r\n                {select}\r\n            </Node>\r\n        );\r\n    }\r\n};\r\n\r\nconst _renderFindInStore = (findInStore: IBuyboxFindInStoreViewProps): JSX.Element => {\r\n    const { ContainerProps, storeSelector, heading, description, errors, button, modal, productPickupOptionList } = findInStore;\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {storeSelector}\r\n            {heading}\r\n            {productPickupOptionList}\r\n            {description}\r\n            {errors}\r\n            {button}\r\n            {modal}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderQuantity = (quantity: IBuyboxProductQuantityViewProps): JSX.Element => {\r\n    const { ContainerProps, LabelContainerProps, heading, input, errors } = quantity;\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            <Node {...LabelContainerProps}>\r\n                {heading}\r\n                {errors}\r\n            </Node>\r\n            {input}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderKeyInPrice = (keyInPrice: IBuyboxKeyInPriceViewProps): JSX.Element => {\r\n    const { ContainerProps, LabelContainerProps, heading, input } = keyInPrice;\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            <Node {...LabelContainerProps}>{heading}</Node>\r\n            {input}\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderShopSimilarItem = (shopSimilarItem: IBuyboxShopSimilarLookViewProps): JSX.Element => {\r\n    const { ContainerProps, errors, input } = shopSimilarItem;\r\n    return (\r\n        <Node {...ContainerProps}>\r\n            {errors}\r\n            {input}\r\n        </Node>\r\n    );\r\n};\r\nexport default BuyboxView;\r\n","import {Node} from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport {\r\n\tIBuyboxAddToCartViewProps,\r\n\tIBuyboxAddToOrderTemplateViewProps,\r\n\tIBuyboxAddToWishlistViewProps,\r\n\tIBuyboxKeyInPriceViewProps,\r\n\tIBuyboxProductConfigureDropdownViewProps,\r\n\tIBuyboxProductConfigureViewProps,\r\n\tIBuyboxProductQuantityViewProps,\r\n\tIBuyboxShopSimilarLookViewProps\r\n} from '@msdyn365-commerce-modules/buybox/src/common';\r\nimport { IBuyboxViewProps } from '@msdyn365-commerce-modules/buybox/src/modules/buybox/./buybox';\r\nimport {\r\n\tIBuyboxFindInStoreViewProps\r\n} from '@msdyn365-commerce-modules/buybox/src/modules/buybox/components/buybox-find-in-store';\r\nimport { AttributeValue, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport {getAttributeValuesAsync} from \"@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g\";\r\nimport {ReactNode, useState} from 'react';\r\n\r\n\r\n/* Private Functions */\r\nconst _getExtensionProperties = (product: SimpleProduct|undefined): null|{} => {\r\n\tif (product === undefined || !product.ExtensionProperties) return null;\r\n\t//we have product data, proceed to extract the usable attributes\r\n\tlet count = 0;\r\n\tlet final = {};\t\t//final return for our data\r\n\r\n\twhile (product.ExtensionProperties && product.ExtensionProperties[count] !== undefined){\r\n\t\tconst ep_key = product.ExtensionProperties[count].Key;\r\n\t\tlet ep_val: any;\r\n\r\n\t\tObject.keys(product.ExtensionProperties[count].Value!).forEach((item) => {\r\n\t\t\tif (product.ExtensionProperties![count].Value![item] !== undefined){\r\n\t\t\t\tep_val = product.ExtensionProperties![count].Value![item];\r\n\t\t\t}\r\n\t\t})\r\n\t\tif (ep_key && ep_val) final[ep_key] = ep_val;\t//false switches don't pass this\r\n\t\tcount++;\r\n\t}\r\n\treturn final;\r\n}\r\nconst _renderSearchName = (ExtensionProps: {}|null): JSX.Element|null => {\r\n\tif (ExtensionProps && ExtensionProps[\"SearchName\"]){\r\n\t\treturn <h2 className=\"ms-buybox__search-name h5 text-muted\">{ExtensionProps[\"SearchName\"]}</h2>;\r\n\t} else {\r\n\t\treturn null\r\n\t}\r\n}\r\nconst _renderLevelScale = (ExtensionProps: {}|null): JSX.Element|null => {\r\n\tif (ExtensionProps && ExtensionProps[\"LevelId\"]){\r\n\t\treturn (\r\n\t\t\t<div className={'bb_product-level ' + ExtensionProps[\"LevelId\"].toLowerCase()}>{ExtensionProps[\"LevelId\"]}</div>\r\n\t\t)\r\n\t} else {\r\n\t\treturn null\r\n\t}\r\n};\r\nconst _formatPricing = (PriceRaw:number|null, ExtensionProps: {}|null, price: ReactNode|undefined, channelId:number) => {\r\n\t//if there's no price object, price number, EP, or Suppress flag is here, show nothing\r\n\tif(!price || !PriceRaw) return null;\r\n\tif(ExtensionProps && ExtensionProps['IsSupressPrice']) return null;\r\n\tif([5637145352,5637145370].includes(channelId)){\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div className=\"d-flex pricing\">{price}</div>\r\n\t\t\t\t<p className=\"small\">Price includes VATS</p>\r\n\t\t\t</>\r\n\t\t)\r\n\t} else {\r\n\t\treturn <div className=\"d-flex pricing\">{price}</div>\r\n\t}\r\n}\r\nconst _renderSocialShare = (socialShare: React.ReactNode[]): JSX.Element|null => {\r\n\tif (!socialShare || socialShare.length === 0) return null;\r\n\treturn (<>\r\n\t\t{socialShare[0]}\r\n\t\t<hr className=\"my-3\"/>\r\n\t</>);\r\n};\r\nconst _renderConfigure = (configure: IBuyboxProductConfigureViewProps, ExtensionProps: Object|null): JSX.Element => {\r\n\tconst {ContainerProps, dropdowns} = configure;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t{dropdowns.map((dropdown: IBuyboxProductConfigureDropdownViewProps, i: number) => {\r\n\t\t\t\treturn _renderConfigureDropdown(dropdown, ExtensionProps, i);\r\n\t\t\t})}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderConfigureDropdown = (\r\n\tdropdown: IBuyboxProductConfigureDropdownViewProps, ExtensionProps: Object|null, count: number,\r\n): JSX.Element => {\r\n\tconst dimensionOverrideKeys = ['DimensionOne', 'DimensionThree', 'DimensionFour'];\r\n\tconst {ContainerProps, LabelContainerProps, heading, errors, select} = dropdown;\r\n\t//if we have an overide use it, otherwise use the default\r\n\tconst headingLabel = (ExtensionProps && ExtensionProps[dimensionOverrideKeys[count]]) || heading;\r\n\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{headingLabel}{errors}</Node>\r\n\t\t\t{select}\r\n\t\t</Node>\r\n\t);\r\n}\r\nconst _renderKeyInPrice = (keyInPrice: IBuyboxKeyInPriceViewProps): JSX.Element => {\r\n\tconst { ContainerProps, LabelContainerProps, heading, input } = keyInPrice;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{heading}</Node>\r\n\t\t\t{input}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderQuantity = (quantity: IBuyboxProductQuantityViewProps): JSX.Element => {\r\n\tconst { ContainerProps, LabelContainerProps, heading, input, errors } = quantity;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t<Node {...LabelContainerProps}>{heading}{errors}</Node>\r\n\t\t\t{input}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderAddToCart = (addToCart: IBuyboxAddToCartViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToCart;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderAddToOrderTemplate = (addToOrderTemplate: IBuyboxAddToOrderTemplateViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToOrderTemplate;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderAddToWishlist = (addToWishlist: IBuyboxAddToWishlistViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errorBlock, button } = addToWishlist;\r\n\treturn <Node {...ContainerProps}>{errorBlock} {button}</Node>;\r\n};\r\nconst _renderFindInStore = (findInStore: IBuyboxFindInStoreViewProps): JSX.Element => {\r\n\tconst {\r\n\t\tContainerProps,\r\n\t\tstoreSelector,\r\n\t\theading,\r\n\t\tdescription,\r\n\t\terrors,\r\n\t\tbutton,\r\n\t\tmodal,\r\n\t\tproductPickupOptionList\r\n\t} = findInStore;\r\n\treturn (\r\n\t\t<Node {...ContainerProps}>\r\n\t\t\t{storeSelector} {heading} {productPickupOptionList} {description} {errors} {button} {modal}\r\n\t\t</Node>\r\n\t);\r\n};\r\nconst _renderShopSimilarItem = (shopSimilarItem: IBuyboxShopSimilarLookViewProps): JSX.Element => {\r\n\tconst { ContainerProps, errors, input } = shopSimilarItem;\r\n\treturn <Node {...ContainerProps}>{errors} {input}</Node>;\r\n};\r\nconst _renderHtmlField = (fieldKey:string, ExtensionProps:Object|null):JSX.Element|null => {\r\n\tif(ExtensionProps === null) return null;\r\n\tif(ExtensionProps[fieldKey]){\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"mb-3 mb-lg-5\">\r\n\t\t\t\t<h2 className=\"mb-2\">{fieldKey.replace('Product','')}</h2>\r\n\t\t\t\t{ReactHtmlParser(ExtensionProps[fieldKey])}\r\n\t\t\t</div>\r\n\t\t)\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n}\r\n//Injection of deleted dimensions\r\nfunction inject_dimensions(dimensions: any, type_dimension: any) {\r\n\tlet dropDowns = document.getElementsByClassName('ms-buybox__dropdown');\r\n\t//Get the dropdown html by using ID\r\n\tconst valves = document.getElementById('valves');\r\n\tconst material = document.getElementById('material');\r\n\r\n\tfor (let i = 0; i < dropDowns.length; i++) {\r\n\t\tlet dropDown_for = dropDowns[i].firstElementChild?.getAttribute('for');\r\n\t\tlet dimension_type;\r\n\t\tif (dropDown_for != null) {\r\n\t\t\tlet search_against = 'ms-buybox__dropown-quantity-input-';\r\n\t\t\tdimension_type = dropDown_for.slice(dropDown_for.indexOf(search_against) + search_against.length);\r\n\t\t\tif (dimensions !== undefined && dimension_type == type_dimension.toString()) {\r\n\t\t\t\tlet $element = dropDowns[i].lastChild as HTMLDivElement;\r\n\t\t\t\tif ($element.classList.contains('msc-swatch-container')) {\r\n\t\t\t\t\t//SWATCH\r\n\t\t\t\t\tlet $options = $element.children as HTMLCollection;\r\n\t\t\t\t\tfor (let z = 0; z < dimensions.length; z++) {\r\n\t\t\t\t\t\tlet is_exist = false;\r\n\t\t\t\t\t\tfor (let y = 0; y < $options.length; y++) {\r\n\t\t\t\t\t\t\tif ($options[y].textContent == dimensions[z].VALUE) {\r\n\t\t\t\t\t\t\t\tis_exist = true;\r\n\t\t\t\t\t\t\t\t//Remove duplicate\r\n\t\t\t\t\t\t\t\tif ($options[y].textContent == material?.textContent) {\r\n\t\t\t\t\t\t\t\t\tmaterial && material.remove();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!is_exist) {\r\n\t\t\t\t\t\t\t//PUSH the value\r\n\t\t\t\t\t\t\tlet option_elem = document.createElement('button');\r\n\t\t\t\t\t\t\toption_elem.textContent = dimensions[z].VALUE;\r\n\t\t\t\t\t\t\toption_elem.setAttribute('disabled', '');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item__unselected');\r\n\t\t\t\t\t\t\toption_elem.classList.add('msc-swatch-container__item__uncolored');\r\n\t\t\t\t\t\t\toption_elem.setAttribute('id', 'material');\r\n\t\t\t\t\t\t\t$element.appendChild(option_elem);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t//DROPDOWN\r\n\t\t\t\t\tlet $select = dropDowns[i].lastChild as HTMLSelectElement;\r\n\t\t\t\t\tlet $options = $select.options as HTMLOptionsCollection;\r\n\t\t\t\t\tfor (let z = 0; z < dimensions.length; z++) {\r\n\t\t\t\t\t\tlet is_exist = false;\r\n\t\t\t\t\t\tfor (let y = 0; y < $options.length; y++) {\r\n\t\t\t\t\t\t\tif ($options[y].text == dimensions[z].VALUE) {\r\n\t\t\t\t\t\t\t\tis_exist = true;\r\n\t\t\t\t\t\t\t\t//Remove duplicate\r\n\t\t\t\t\t\t\t\tif ($options[y].text == valves?.textContent) {\r\n\t\t\t\t\t\t\t\t\tvalves && valves.remove();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!is_exist) {\r\n\t\t\t\t\t\t\t//PUSH the value in the dropDown\r\n\t\t\t\t\t\t\tlet option_elem = document.createElement('option');\r\n\t\t\t\t\t\t\toption_elem.text = dimensions[z].VALUE;\r\n\t\t\t\t\t\t\toption_elem.setAttribute('disabled', '');\r\n\t\t\t\t\t\t\toption_elem.setAttribute('id', 'valves');\r\n\t\t\t\t\t\t\t$select.options.add(option_elem);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/* Main Exported Function */\r\nconst BuyboxView: React.FC<IBuyboxViewProps> = props => {\r\n\t/* Only destructuring repeated or complicated props\r\n\t * Totally removed MediaGalleryContainerProps & description (not using OOtB) */\r\n\tconst {\r\n\t\taddToCart,\r\n\t\taddToOrderTemplate,\r\n\t\taddToWishlist,\r\n\t\tconfigure,\r\n\t\tfindInStore,\r\n\t\tkeyInPrice,\r\n\t\tprice,\r\n\t\tProductInfoContainerProps,\r\n\t\tquantity,\r\n\t\tshopSimilarLook,\r\n\t\tshopSimilarDescription,\r\n\t} = props;\r\n\r\n\tconst ExtensionProps = _getExtensionProperties(props.data.product.result);\r\n\t//Attribute Function Chain\r\n\tconst [productAttribute, setProductAttribute] = useState<AttributeValue[]>([]);\r\n\tconst _getAttributesAsync = async (props: IBuyboxViewProps) => {\r\n\t\tconst getAttribute:AttributeValue[] = await getAttributeValuesAsync(\r\n\t\t\t{ callerContext: props.context.actionContext },\r\n\t\t\tprops.data.product.result?.RecordId!,\r\n\t\t\tprops.context.request.apiSettings.channelId,\r\n\t\t\tprops.context.request.apiSettings.catalogId\r\n\t\t);\r\n\t\tsetProductAttribute(getAttribute);\r\n\t}\r\n\tconst renderProductAttributes = () => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<h2 className=\"ms-product-specification__heading\">Product Attributes</h2>\r\n\t\t\t\t<table className=\"ms-product-specification__table table-striped table-bordered\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t{productAttribute.map(attr => (\r\n\t\t\t\t\t\t<tr className=\"ms-product-specification__table-row\">\r\n\t\t\t\t\t\t\t{attr.TextValue !== '' && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<th scope=\"row\">{attr.Name}</th>\r\n\t\t\t\t\t\t\t\t\t<td>{attr.TextValue}</td>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</>\r\n\t\t);\r\n\t};\r\n\tconst PriceRaw = ( props.data.product.result?.Price || null);\r\n\r\n\t// Get Attribute Call\r\n\tReact.useEffect(() => {\r\n\t\t_getAttributesAsync(props);\r\n\t\tprops.data.productDimensions.result?.forEach(dimension => {\r\n\t\t\tlet dimension_type = dimension.DimensionTypeValue;\r\n\t\t\tlet dimension_values: any = '';\r\n\t\t\tdimension.ExtensionProperties?.forEach(value => {\r\n\t\t\t\tif (value.Key == 'AllDimensions') dimension_values = value.Value?.StringValue;\r\n\t\t\t});\r\n\t\t\tif (dimension_values !== '') {\r\n\t\t\t\tdimension_values = JSON.parse(dimension_values);\r\n\t\t\t\tinject_dimensions(dimension_values, dimension_type);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div id=\"pdp\" className=\"row mb-3 mb-lg-5\">\r\n\t\t\t<div className=\"col-sm-7 col-lg-8 pos-initial\">\r\n\t\t\t\t<div className=\"ms-buybox__media-gallery\">{props.mediaGallery}</div>\r\n\t\t\t\t<Node {...ProductInfoContainerProps}>\r\n\t\t\t\t\t<div className=\"ms-buybox__details\">\r\n\t\t\t\t\t\t{props.title}\r\n\t\t\t\t\t\t{_renderSearchName(ExtensionProps)}\r\n\t\t\t\t\t\t{_renderLevelScale(ExtensionProps)}\r\n\t\t\t\t\t\t{_formatPricing(PriceRaw, ExtensionProps, price, props.context.request.apiSettings.channelId)}\r\n\t\t\t\t\t\t{_renderSocialShare(props.slots && props.slots.socialShare)}\r\n\t\t\t\t\t\t{configure && _renderConfigure(configure, ExtensionProps)}\r\n\t\t\t\t\t\t{props.unitOfMeasure}\r\n\t\t\t\t\t\t{props.bulkPurchaseLink}\r\n\t\t\t\t\t\t{/*{description}*/}\r\n\t\t\t\t\t\t{props.rating}\r\n\t\t\t\t\t\t{keyInPrice && _renderKeyInPrice(keyInPrice)}\r\n\t\t\t\t\t\t{quantity && _renderQuantity(quantity)}\r\n\t\t\t\t\t\t{props.inventoryLabel}\r\n\t\t\t\t\t\t{addToCart && _renderAddToCart(addToCart)}\r\n\t\t\t\t\t\t{findInStore && _renderFindInStore(findInStore)}\r\n\t\t\t\t\t\t{addToOrderTemplate && _renderAddToOrderTemplate(addToOrderTemplate)}\r\n\t\t\t\t\t\t{addToWishlist && _renderAddToWishlist(addToWishlist)}\r\n\t\t\t\t\t\t{shopSimilarLook && _renderShopSimilarItem(shopSimilarLook)}\r\n\t\t\t\t\t\t{shopSimilarDescription && _renderShopSimilarItem(shopSimilarDescription)}\r\n\t\t\t\t\t\t<hr className=\"my-3\"/>\r\n\t\t\t\t\t\t<a className=\"msc-btn w-100\" href=\"/dealer-locator\">Find a Dealer</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</Node>\r\n\t\t\t\t{['ProductDescription', 'ProductFeatures', 'ProductSpecification'].map((item) => {\r\n\t\t\t\t\treturn _renderHtmlField(item, ExtensionProps)\r\n\t\t\t\t})}\r\n\t\t\t\t{productAttribute && renderProductAttributes()}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t)\r\n};\r\nexport default BuyboxView;"],"sourceRoot":""}