{"version":3,"file":"static/chunks/9246.52f00a2c4366c266.js","mappings":"AAgKA,cAAAA,KAAAC,gBAAA,CAAAD,KAAAC,gBAAA,MAAAC,IAAA,yBAAAC,CAAA,CAAAC,CAAA,CAAAC,CAAA,EAAAA,EAAAC,CAAA,CAAAF,GAAAC,EAAA,WAAAC,EAAAD,EAAA,OAAAE,EAAAF,EAAAG,CAAA,CAAAF,GAAAG,EAAAJ,EAAA,OAAAG,EAAA,SAAAL,CAAA,MAAAC,EAAAD,EAAAO,QAAA,CAAAL,EAAAF,EAAAQ,GAAA,CAAAL,EAAAH,EAAAS,UAAA,CAAAJ,EAAAL,EAAAU,IAAA,CAAAC,EAAAX,EAAAY,SAAA,CAAAC,EAAAb,EAAAc,gBAAA,CAAAC,EAAAf,EAAAgB,SAAA,CAAAC,EAAAjB,EAAAkB,aAAA,CAAAC,EAAAnB,EAAAoB,WAAA,CAAAC,EAAArB,EAAAsB,eAAA,CAAAC,EAAAvB,EAAAwB,SAAA,CAAAC,EAAAzB,EAAA0B,MAAA,CAAAC,EAAA3B,EAAA4B,IAAA,CAAAC,EAAA7B,EAAA8B,MAAA,CAAAC,EAAA/B,EAAAgC,IAAA,CAAAC,EAAAjC,EAAAkC,SAAA,CAAAC,EAAAnC,EAAAoC,IAAA,CAAAC,EAAArC,EAAAsC,UAAA,CAAAC,EAAAvC,EAAAwC,eAAA,CAAAC,EAAAzC,EAAA0C,QAAA,CAAAC,EAAA3C,EAAA4C,GAAA,CAAAC,EAAA7C,EAAA8C,OAAA,CAAAC,EAAA/C,EAAAgD,EAAA,CAAAC,EAAAjD,EAAAkD,eAAA,CAAAC,EAAAnD,EAAAoD,KAAA,QAAAnD,EAAAU,CAAAA,EAAAA,EAAA,aAAA0C,MAAA,CAAA1C,GAAA,eAAAL,EAAAgD,GAAA,EAAApD,EAAA,CAAAU,UAAAD,EAAA,qBAAAE,EAAA,YAAAR,EAAA,mBAAAF,EAAA,oBAAAoC,EAAA,kBAAAxB,EAAA,sBAAAE,EAAA,oBAAAE,EAAA,yBAAAE,EAAA,kBAAAE,EAAA,cAAAc,EAAA,WAAAM,EAAAP,KAAA,WAAAlC,GAAAiC,EAAAA,EAAA,OAAAP,KAAA,MAAA2B,OAAA,CAAArD,GAAA,IAAAyB,EAAAA,EAAA,OAAAG,OAAA,aAAAyB,OAAA,CAAArD,GAAA,GAAA2B,EAAA,OAAA2B,WAAA,WAAAtD,EAAA2B,EAAA,OAAA4B,IAAA,WAAA5B,EAAA,6BAAAG,KAAAD,EAAA,aAAAE,EAAAyB,MAAAjC,EAAAiB,SAAAD,EAAAK,QAAAD,EAAAG,GAAAD,EAAA,mBAAAE,EAAAG,MAAAD,EAAA5C,SAAA,GAAAD,EAAAgD,GAAA,UAAAK,wBAAA,CAAAC,OAAAxD,IAAAyD,QAAA,CAAA5D,EAAA,YAAAI,CAAAA,EAAAyD,YAAA,EAAAtD,IAAA,SAAAkB,OAAA,IAAAzB,EAAA8D,OAAA,CAAA1D,CAAA","sources":["webpack://_N_E/./components/Button/Button.js","webpack://_N_E/<anon>"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport DOMPurify from 'isomorphic-dompurify';\n\n/** The oralB button */\n\nconst Button = ({\n    children,\n    tag: Tag,\n    whiteTheme,\n    size,\n    className,\n    dataActionDetail,\n    greyTheme,\n    invertedTheme,\n    borderTheme,\n    borderThemeBlue,\n    textTheme,\n    styles,\n    href,\n    target,\n    role,\n    ariaLabel,\n    type,\n    dataCustom,\n    dataActionLabel,\n    disabled,\n    sku,\n    onClick,\n    id,\n    ariaDescribedBy,\n    title}) => {\n\n    if (!children) {\n        return null\n    }\n\n    className = className ? `ob-button ${className}` : 'ob-button';\n\n    return (\n        <Tag\n            className={className}\n            data-action-detail={dataActionDetail}\n            data-size={size}\n            data-white-theme={whiteTheme}\n            data-action-label={dataActionLabel}\n            data-grey-theme={greyTheme}\n            data-inverted-theme={invertedTheme}\n            data-border-theme={borderTheme}\n            data-border-theme-blue={borderThemeBlue}\n            data-text-theme={textTheme}\n            data-custom={dataCustom}\n            data-sku={sku}\n            type={Tag === 'button' && type ? type : undefined}\n            href={['a'].indexOf(Tag) > -1 && href ? href : undefined}\n            target={['a', 'form'].indexOf(Tag) > -1 ? target : undefined}\n            formTarget={Tag === 'button' ? target : undefined}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            role={role}\n            aria-label={ariaLabel}\n            style={styles}\n            disabled={disabled}\n            onClick={onClick}\n            id={id}\n            aria-describedby={ariaDescribedBy}\n            title={title}\n        >\n            <span dangerouslySetInnerHTML={{__html: DOMPurify.sanitize(children)}}></span>\n        </Tag>\n    )\n}\n\nButton.propTypes = {\n    /** Children is the text button */\n    children: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array\n    ]),\n\n    /** Becomes white background button\n     * with primary blue text if set to true*/\n    whiteTheme: PropTypes.bool,\n\n    /** Transparent with border and\n     * color white if set to true*/\n    invertedTheme: PropTypes.bool,\n\n    /** Color and Border grey if set to true */\n    greyTheme: PropTypes.bool,\n\n    /** Increase the height with the value: 'large'*/\n    size: PropTypes.string,\n\n    /** Custom class. */\n    className: PropTypes.string,\n\n    /** Analytics data action event */\n    dataActionDetail: PropTypes.string,\n\n    /** Aria-label is mandatory if not children in the button */\n    ariaLabel: PropTypes.string,\n\n    /** Custom styles to be applied to the button */\n    styles: PropTypes.object,\n\n    /**\n    * The tag or component to be used e.g. button, a, Link\n    */\n    tag: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.element,\n        PropTypes.func\n    ]),\n\n    /**\n    * The target for the button\n    */\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n\n\n    /** You can set an Href. */\n    href: PropTypes.string,\n\n    /**\n     * The type the button\n     */\n    type: PropTypes.string,\n\n    role: PropTypes.string,\n\n    borderTheme: PropTypes.bool,\n\n    borderThemeBlue: PropTypes.bool,\n\n    textTheme: PropTypes.bool,\n\n    dataCustom: PropTypes.string,\n\n    onClick: PropTypes.any,\n\n    productVariantColor: PropTypes.any,\n\n    dataActionLabel: PropTypes.string,\n\n    disabled: PropTypes.bool,\n\n    sku: PropTypes.string,\n    id: PropTypes.string,\n\n    ariaDescribedBy: PropTypes.string,\n\n    title: PropTypes.string,\n\n};\n\nButton.defaultProps = {\n    tag: 'button',\n    styles: {}\n}\n\nexport default Button;\n\n\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9246],{99246:function(e,t,a){a.r(t);a(67294);var r=a(29238),d=a.n(r),i=a(85893),n=function(e){var t=e.children,a=e.tag,r=e.whiteTheme,n=e.size,o=e.className,l=e.dataActionDetail,s=e.greyTheme,b=e.invertedTheme,h=e.borderTheme,u=e.borderThemeBlue,c=e.textTheme,m=e.styles,f=e.href,y=e.target,k=e.role,v=e.ariaLabel,g=e.type,p=e.dataCustom,T=e.dataActionLabel,_=e.disabled,x=e.sku,C=e.onClick,w=e.id,N=e.ariaDescribedBy,z=e.title;return t?(o=o?\"ob-button \".concat(o):\"ob-button\",(0,i.jsx)(a,{className:o,\"data-action-detail\":l,\"data-size\":n,\"data-white-theme\":r,\"data-action-label\":T,\"data-grey-theme\":s,\"data-inverted-theme\":b,\"data-border-theme\":h,\"data-border-theme-blue\":u,\"data-text-theme\":c,\"data-custom\":p,\"data-sku\":x,type:\"button\"===a&&g?g:void 0,href:[\"a\"].indexOf(a)>-1&&f?f:void 0,target:[\"a\",\"form\"].indexOf(a)>-1?y:void 0,formTarget:\"button\"===a?y:void 0,rel:\"_blank\"===y?\"noopener noreferrer\":void 0,role:k,\"aria-label\":v,style:m,disabled:_,onClick:C,id:w,\"aria-describedby\":N,title:z,children:(0,i.jsx)(\"span\",{dangerouslySetInnerHTML:{__html:d().sanitize(t)}})})):null};n.defaultProps={tag:\"button\",styles:{}},t.default=n}}]);"],"names":["self","webpackChunk_N_E","push","e","t","a","r","d","n","i","children","tag","whiteTheme","size","o","className","l","dataActionDetail","s","greyTheme","b","invertedTheme","h","borderTheme","u","borderThemeBlue","c","textTheme","m","styles","f","href","y","target","k","role","v","ariaLabel","g","type","p","dataCustom","T","dataActionLabel","_","disabled","x","sku","C","onClick","w","id","N","ariaDescribedBy","z","title","concat","jsx","indexOf","formTarget","rel","style","dangerouslySetInnerHTML","__html","sanitize","defaultProps","default"],"sourceRoot":""}