{"version":3,"file":"static/chunks/9246.b8d02a8c7bda2298.js","mappings":"AAmKA,cAAAA,KAAAC,gBAAA,CAAAD,KAAAC,gBAAA,MAAAC,IAAA,8BAAAC,CAAA,CAAAC,CAAA,CAAAC,CAAA,EAAAA,EAAAC,CAAA,CAAAF,GAAA,IAAAE,EAAAD,EAAA,OAAAE,EAAAF,EAAA,OAAAG,EAAAH,EAAA,OAAAI,EAAAJ,EAAAK,CAAA,CAAAF,GAAAE,EAAAL,EAAA,OAAAM,EAAA,SAAAR,CAAA,MAAAC,EAAAD,EAAAS,QAAA,CAAAP,EAAAF,EAAAU,GAAA,CAAAL,EAAAL,EAAAW,UAAA,CAAAH,EAAAR,EAAAY,IAAA,CAAAC,EAAAb,EAAAc,SAAA,CAAAC,EAAAf,EAAAgB,gBAAA,CAAAC,EAAAjB,EAAAkB,SAAA,CAAAC,EAAAnB,EAAAoB,aAAA,CAAAC,EAAArB,EAAAsB,WAAA,CAAAC,EAAAvB,EAAAwB,eAAA,CAAAC,EAAAzB,EAAA0B,SAAA,CAAAC,EAAA3B,EAAA4B,MAAA,CAAAC,EAAA7B,EAAA8B,IAAA,CAAAC,EAAA/B,EAAAgC,MAAA,CAAAC,EAAAjC,EAAAkC,IAAA,CAAAC,EAAAnC,EAAAoC,SAAA,CAAAC,EAAArC,EAAAsC,IAAA,CAAAC,EAAAvC,EAAAwC,UAAA,CAAAC,EAAAzC,EAAA0C,eAAA,CAAAC,EAAA3C,EAAA4C,QAAA,CAAAC,EAAA7C,EAAA8C,GAAA,CAAAC,EAAA/C,EAAAgD,OAAA,CAAAC,EAAAjD,EAAAkD,EAAA,CAAAC,EAAAnD,EAAAoD,eAAA,CAAAC,EAAArD,EAAAsD,KAAA,QAAArD,EAAAY,CAAAA,EAAAA,EAAA,aAAA0C,MAAA,CAAA1C,GAAA,eAAAN,EAAAiD,GAAA,EAAArD,EAAAsD,QAAA,EAAAC,SAAA,GAAAnD,EAAAiD,GAAA,EAAApD,EAAAuD,OAAA,KAAAlD,SAAA,GAAAF,EAAAiD,GAAA,EAAAtD,EAAA,CAAAY,UAAAD,EAAA,qBAAAE,EAAA,YAAAP,EAAA,mBAAAH,EAAA,oBAAAoC,EAAA,kBAAAxB,EAAA,sBAAAE,EAAA,oBAAAE,EAAA,yBAAAE,EAAA,kBAAAE,EAAA,cAAAc,EAAA,WAAAM,EAAAP,KAAA,WAAApC,GAAAmC,EAAAA,EAAA,OAAAP,KAAA,MAAA8B,OAAA,CAAA1D,GAAA,IAAA2B,EAAAA,EAAA,OAAAG,OAAA,aAAA4B,OAAA,CAAA1D,GAAA,GAAA6B,EAAA,OAAA8B,WAAA,WAAA3D,EAAA6B,EAAA,OAAA+B,IAAA,WAAA/B,EAAA,6BAAAG,KAAAD,EAAA,aAAAE,EAAA4B,MAAApC,EAAAiB,SAAAD,EAAAK,QAAAD,EAAAG,GAAAD,EAAA,mBAAAE,EAAAG,MAAAD,EAAA5C,SAAA,GAAAF,EAAAiD,GAAA,UAAAQ,wBAAA,CAAAC,OAAA3D,IAAA4D,QAAA,CAAAjE,EAAA,cAAAO,CAAAA,EAAA2D,YAAA,EAAAzD,IAAA,SAAAkB,OAAA,IAAA3B,EAAA0D,OAAA,CAAAnD,CAAA","sources":["webpack://_N_E/./components/Button/Button.js","webpack://_N_E/<anon>"],"sourcesContent":["import React,{Suspense} from 'react'\nimport PropTypes from 'prop-types'\nimport Loader from '../../adapters/helpers/Loader'\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        <Suspense fallback={<Loader />}>\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        </Suspense>\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,4651],{99246:function(e,t,a){a.r(t);var r=a(67294),d=a(47322),i=a(29238),l=a.n(i),n=a(85893),o=function(e){var t=e.children,a=e.tag,i=e.whiteTheme,o=e.size,s=e.className,b=e.dataActionDetail,u=e.greyTheme,h=e.invertedTheme,c=e.borderTheme,m=e.borderThemeBlue,f=e.textTheme,k=e.styles,y=e.href,p=e.target,v=e.role,g=e.ariaLabel,x=e.type,T=e.dataCustom,_=e.dataActionLabel,C=e.disabled,j=e.sku,w=e.onClick,N=e.id,z=e.ariaDescribedBy,L=e.title;return t?(s=s?\"ob-button \".concat(s):\"ob-button\",(0,n.jsx)(r.Suspense,{fallback:(0,n.jsx)(d.default,{}),children:(0,n.jsx)(a,{className:s,\"data-action-detail\":b,\"data-size\":o,\"data-white-theme\":i,\"data-action-label\":_,\"data-grey-theme\":u,\"data-inverted-theme\":h,\"data-border-theme\":c,\"data-border-theme-blue\":m,\"data-text-theme\":f,\"data-custom\":T,\"data-sku\":j,type:\"button\"===a&&x?x:void 0,href:[\"a\"].indexOf(a)>-1&&y?y:void 0,target:[\"a\",\"form\"].indexOf(a)>-1?p:void 0,formTarget:\"button\"===a?p:void 0,rel:\"_blank\"===p?\"noopener noreferrer\":void 0,role:v,\"aria-label\":g,style:k,disabled:C,onClick:w,id:N,\"aria-describedby\":z,title:L,children:(0,n.jsx)(\"span\",{dangerouslySetInnerHTML:{__html:l().sanitize(t)}})})})):null};o.defaultProps={tag:\"button\",styles:{}},t.default=o}}]);"],"names":["self","webpackChunk_N_E","push","e","t","a","r","d","i","l","n","o","children","tag","whiteTheme","size","s","className","b","dataActionDetail","u","greyTheme","h","invertedTheme","c","borderTheme","m","borderThemeBlue","f","textTheme","k","styles","y","href","p","target","v","role","g","ariaLabel","x","type","T","dataCustom","_","dataActionLabel","C","disabled","j","sku","w","onClick","N","id","z","ariaDescribedBy","L","title","concat","jsx","Suspense","fallback","default","indexOf","formTarget","rel","style","dangerouslySetInnerHTML","__html","sanitize","defaultProps"],"sourceRoot":""}