https://nutrafol.com/gatsby-assets/bc49cfc9-6ae144312ff2fea54d0c.js

1"use strict";(self.webpackChunknutrafol=self.webpackChunknutrafol||[]).push([[3712],{26318:function(e,t,a){var i=a(73310),l=a(96540),d=a(59639),r=a(95704),n=a(32287),s=a(73631),o=a.n(s),p=a(18736),c=a.n(p),m=a(53274),x=a(25303),u=a(23663),h=(a(11808),a(62987)),g=a(76252),b=a(5302),f=a(17437);const w=(0,i.default)("div",{target:"e1j4csvr12"})({name:"1h2tzv8",styles:"background:#f8f8f5;border-radius:8px"}),y=(0,i.default)(d.Flex,{target:"e1j4csvr11"})({name:"1op3ig",styles:"flex-direction:row;width:100%;max-width:1170px;padding:16px;margin-left:auto;margin-right:auto;@media (min-width: 768px){padding:24px 16px;}@media (min-width: 850px){padding:24px;}.product-image{width:100%;max-width:416px!important;margin:0 auto;}@media (min-width: 1080px){padding:36px;}.title-box{@media (min-width: 1024px){min-height:84px;}}&.is-core{.title-box{@media (min-width: 1024px){h2{line-height:84px;}}}}"}),j=(0,i.default)(d.Box,{target:"e1j4csvr10"})({name:"s88cpe",styles:".container-dosage{span{display:inline-block!important;}}.description-box{padding:0 10px;@media (min-width: 768px){padding:0;}@media (min-width: 1024px){min-height:82px;}@media (min-width: 1440px){min-height:60px;}}.h6{display:block;margin:0 0 8px;}"}),Y=(0,i.default)(m.TextElement,{target:"e1j4csvr9"})({name:"78tyj5",styles:"margin:0 auto 16px;padding:0;@media (min-width: 768px){max-width:none;margin:0 auto 32px;height:48px;}@media (min-width: 1024px){height:60px;padding:0 32px;}@media (min-width: 1440px){height:auto;padding:0;width:605px;}"}),v=(0,i.default)(d.Box,{target:"e1j4csvr8"})({name:"ctqiqx",styles:"margin:0 0 24px;position:relative;@media (min-width: 768px){margin:0 auto;}"}),_=(0,i.default)(d.Box,{target:"e1j4csvr7"})({name:"x3ki3q",styles:"position:relative;max-width:416px;margin-left:auto;margin-right:auto;.best-value-image{position:absolute;top:8px;right:8px;width:70px;}@media (min-width: 768px){max-width:480px;padding:0 0 16px;.best-value-image{top:0;right:16px;width:105px;}}@media (min-width: 1024px){max-width:416px;.best-value-image{right:0;}}"}),k=(0,i.default)("div",{target:"e1j4csvr6"})({name:"ljeb3i",styles:"position:relative;@media (min-width: 768px){max-width:none;}.box1{width:calc(100% - 24px);}.box2{width:24px;align-self:center;img{width:18px;}}"}),N=(0,i.default)("button",{target:"e1j4csvr5"})("display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px;width:100%;border-radius:8px;background:",r.default.color.white,";border:1px solid rgb(200, 194, 209);cursor:pointer;height:92px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04),0px 6px 10px rgba(0, 0, 0, 0.02),0px 10px 15px rgba(0, 0, 0, 0.04);@media (min-width: ",r.default.mediaqueries.small,"){height:74px;padding:8px 8px 8px 8px;}/* @media (min-width: 875px) {\n    padding: 8px 12px 8px 8px;\n    height: 104px;\n  } */@media (min-width: ",r.default.mediaqueries.medium,"){padding:8px 12px 8px 8px;height:112px;}&.hash-used{border:2px #008078 solid;}&.list{box-shadow:none;border:1px solid rgb(200, 194, 209);padding:8px 12px;&:not(:last-of-type){margin-bottom:8px;}&:hover{background:",r.default.wild.color.master.primary.alt,";border:1px ",r.default.wild.color.master.primary.alt," solid;}@media (min-width: 875px){padding:8px 12px 8px 8px;}@media (min-width: ",r.default.mediaqueries.medium,"){height:112px;padding:8px;}}>img:last-of-type{height:8px;width:auto;@media (min-width: ",r.default.mediaqueries.small,"){height:10px;}}>img:first-of-type{min-width:59px;}"),B=(0,i.default)("div",{target:"e1j4csvr4"})("display:flex;flex-direction:column;margin:0;text-align:left;@media (min-width: ",r.default.mediaqueries.small,"){margin:0 2px 0 0;}@media (min-width: 875px){margin:0 8px;}.product-description{margin-bottom:4px;br{@media (min-width: 1200px){display:none;}}}"),E=(0,i.default)("div",{target:"e1j4csvr3"})("padding:8px;position:absolute;top:-8px;bottom:auto;left:0;right:0;background:",r.default.color.white,";z-index:2;border-radius:8px;box-shadow:0 0 20px rgb(0 0 0 / 5%),0 24px 38px rgb(0 0 0 / 3%),0 9px 46px rgb(0 0 0 / 3%),0 11px 15px rgb(0 0 0 / 3%);.box1{width:calc(100% - 12px);}.box2{width:12px;padding:0 2px;}"),T=(0,i.default)("div",{target:"e1j4csvr2"})({name:"yt6xj",styles:"position:fixed;top:0;left:0;height:100%;width:100%;z-index:1"}),F=(0,i.default)("div",{target:"e1j4csvr1"})("background:",r.default.wild.color.master.primary.alt,";border-radius:8px;padding:16px 8px;margin:8px 0 0;@media (min-width: 400px){padding:16px;}@media (min-width: 768px){max-width:none;margin:8px 0 0;}svg{@media (min-width: 1024px){height:56px;width:56px;}}.c-strike{text-decoration:line-through;line-height:24px;font-size:12px;width:auto;padding:2px 0 0 6px;@media (min-width: 1024px){font-size:14px;}}.c-save{padding:3px 10px;display:inline-block;background:#ffe667;border-radius:4px;transform:translateY(-3px);line-height:normal;@media (min-width: 1024px){padding:6px 10px;}}

1.btn_title{display:inline-block;margin-right:5px;@media (min-width: 768px){font-size:16px!important;}@media (min-width: 1024px){font-size:18px!important;}}.btn_descr{padding:2px 0 0;@media (min-width: 768px){height:38px;padding:6px 0 0;}@media (min-width: 1024px){height:70px;}@media (min-width: 1280px){height:54px;}@media (min-width: 1440px){height:38px;}}button.c-btn{width:100%;height:48px;margin-top:16px;padding:0;@media (min-width: 768px){margin-top:16px;}@media (min-width: 1024px){height:56px;}}b{color:#677574!important;}.c-variant-1{display:none;@media (min-width: 0px) and (max-width: 360px){display:block;}section{padding:0;}}.c-variant-2{display:block;@media (min-width: 0px) and (max-width: 360px){display:none;}section{padding:0 0 0 6px;@media (min-width: 1100px){padding:0 0 0 12px;}}}"),P=(0,i.default)(d.Flex,{target:"e1j4csvr0"})({name:"btqji4",styles:"padding:8px 0 0;@media (min-width: 1024px){align-items:center;}.col3{align-self:start;}"});t.A=e=>{var t;let a=e.data,i=e.purchase_source,r=e.location,s=e.bestValue,p=void 0!==s&&s;const S=a.title,q=a.isCore,A=void 0!==q&&q,C=a.description,W=a.tags,z=a.products,I=a.baseOption,O=a.upsellDpaArray,$=void 0===O?null:O,D=null==r?void 0:r.hash,G=Object.keys(z).slice()||[],L=(0,l.useState)(G[0]),R=L[0],V=L[1],H=(0,l.useState)(0)[0],J=(0,l.useState)(!1),U=J[0],Z=J[1],K=(0,l.useState)(!1),M=K[0],Q=K[1],X=(0,l.useState)(!1),ee=X[0],te=X[1],ae=z[R].options,ie=I.btn_subtext,le=(0,g.m)(),de=(0,l.useRef)(null),re=i,ne=$?","+$.join(","):"",se=$?0*$.length:0,oe=(0,b.$g)(I.value+se),pe=(0,b.$g)(I.original+se);(0,l.useEffect)(()=>{const e=ae[H];if(le){for(let a in z)if(D&&z[a].hash===D){V(a),te(!0);try{null==de||de.current.querySelector("button.c-btn").focus()}catch(t){console.error("error in focus button based on hash",t)}break}}else h.F.onProductSelected({purchase_source:i,option:e,billing_interval:e.billing_interval,product_category:e.product_category,core_category:e.core_category,name:e.name_magento,price:e.value,sku:e.sku,product_gender:e.product_gender,purchase_type:e.purchase_type,shipping_interval:e.shipping_interval,type:"dropdown",variant:e.variant}),$&&$.forEach&&$.forEach(e=>{h.F.onProductSelected({purchase_source:i,option:{sku:e,name:b.oO[e],price:0,product_category:"Scalp Support",product_gender:"all",purchase_type:"Single Purchase",quantity:1,shipping_interval:null,subscription_type:null},core_category:null,name:b.oO[e],price:0,product_category:"Scalp Support",product_gender:"all",purchase_type:"Single Purchase",quantity:1,shipping_interval:null,variant:"Single Purchase"})})},[H,ae]);const ce=()=>{Z(!0),h.F.onViewItemList({products:z,purchase_source:re})},me=e=>{null!==e&&(V(e),te(!1)),Z(!1)};return(0,f.Y)(w,{ref:de,"data-element":"ATCFullWrap","data-component":"Atcarea","data-source-file":"atcarea.js"},(0,f.Y)(y,{className:"row cf "+(null===(t=W[1])||void 0===t?void 0:t.toLowerCase())+" "+(A?"is-core":""),mb:16,"data-element":"ATCWrap","data-component":"Atcarea","data-source-file":"atcarea.js"},(0,f.Y)(v,{width:1,className:"","data-element":"ImageWrap","data-component":"Atcarea","data-source-file":"atcarea.js"},(0,f.Y)(_,{"data-element":"ProductImageWrap","data-component":"Atcarea","data-source-file":"atcarea.js"},p?(0,f.Y)("img",{src:"https://images.ctfassets.net/0rbfqd9c4jdo/5xZN1oY2UJ2ddveBNuTGhh/ccebc9e7b305535f0683f5867807ba71/masterbrand-best-value.png",alt:"Best value",className:"best-value-image"}):null,(0,f.Y)(n.A,{filename:(0,b.GL)(z[R].img,{w:800}),classes:"product-image ",alt:"","data-element":"Image","data-component":"Atcarea","data-source-file":"atcarea.js"}))),(0,f.Y)(j,{width:1,"data-element":"TitleAndInfo","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{className:"title-box","data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(m.TextElement,{element:"h2",text:S,className:"title--medium-i text-master-base-black text-center mb-2","data-element":"TextElement","data-source-file":"atcarea.js"})),(0,f.Y)(d.Box,{className:"description-box",mb:[32],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(Y,{element:"p",text:C,className:"body--regular text-master-base-black text-center","data-element":"Description","data-source-file":"atcarea.js"})),(0,f.Y)(m.TextElement,{element:"p",className:"body--regular-b h6 text-master-base-alt-alt",text:"Cho

1ose a Hair Growth Nutraceutical:","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(k,{"data-element":"ProductWrap","data-source-file":"atcarea.js"},(0,f.Y)(N,{onClick:ce,className:ee?"hash-used":"","data-element":"ProductButton","data-component":"renderProduct","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{className:"box1","data-element":"Box","data-component":"renderProduct","data-source-file":"atcarea.js"},(0,f.Y)(d.Flex,{flexWrap:"wrap",alignItems:"center","data-element":"Flex","data-component":"renderProduct","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{width:[1],pl:["8px","12px","12px"],"data-element":"Box","data-component":"renderProduct","data-source-file":"atcarea.js"},(0,f.Y)(B,{"data-element":"ProductDescription","data-component":"renderProduct","data-source-file":"atcarea.js"},(0,f.Y)(m.TextElement,{element:"p",className:"body--large-b product-description text-master-base-black hide-lg-up",text:ae[H].title,"data-element":"TextElement","data-component":"renderProduct","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p",className:"body--xlarge-b product-description text-master-base-black show-lg-up",text:ae[H].title,"data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p",className:"body--small subtext text-master-base-alt-alt",text:ae[H].subtext,"data-element":"TextElement","data-source-file":"atcarea.js"}))))),(0,f.Y)(d.Box,{className:"box2","data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)("img",{src:x.A,alt:""}))),U&&(0,f.Y)(l.Fragment,null,(0,f.Y)(T,{onClick:()=>me(null)}),(0,f.Y)(E,null,Object.keys(z).map((e,t)=>{const a=z[e].name===z[R].name;return(0,f.Y)(N,{onClick:()=>me(e),key:t,className:"list"},(0,f.Y)(d.Box,{className:"box1"},(0,f.Y)(d.Flex,{flexWrap:"wrap",alignItems:"center"},(0,f.Y)(d.Box,{width:[1]},(0,f.Y)(B,null,(0,f.Y)(m.TextElement,{element:"p",className:"body--large-b product-description text-master-base-black",text:z[e].options[H].title}),(0,f.Y)(m.TextElement,{element:"p",className:"body--small subtext text-master-base-alt-alt",text:z[e].options[H].subtext}))))),(0,f.Y)(d.Box,{className:"box2"},a?(0,f.Y)(o(),null):null))})))),(0,f.Y)(F,{"data-element":"ButtonWrap","data-source-file":"atcarea.js"},(0,f.Y)("div",{className:"c-variant-2"},(0,f.Y)(P,{"data-element":"ButtonWrapFlex","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{width:["45px","45px","45px","65px"],className:"col1","data-element":"Box","data-source-file":"atcarea.js"}," ",(0,f.Y)(c(),{"data-element":"Recurring","data-source-file":"atcarea.js"})),(0,f.Y)(d.Box,{width:["calc(100% - 87px)","calc(100% - 105px)","calc(100% - 105px)","calc(100% - 137px)"],className:"col2",pl:["4px"],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)("section",null,(0,f.Y)(m.TextElement,{element:"p",text:I.btn_title,className:"body--large-b btn_title text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p",text:I.save,className:"body--regular c-save text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p",text:ie,className:"body--small text-master-base-alt-alt btn_descr","data-element":"TextElement","data-source-file":"atcarea.js"}))),(0,f.Y)(d.Box,{width:["42px","60px","60px","72px"],className:"col3","data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(m.TextElement,{element:"p",text:"$"+oe,className:"body--xlarge-b text-right text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p","aria-label":"was "+pe+" dollars, now discounted",text:"$"+pe,className:"body--regular text-master-base-alt-alt c-strike text-right","data-element":"TextElement","data-source-file":"atcarea.js"})))),(0,f.Y)("div",{className:"c-variant-1"},(0,f.Y)(P,{"data-element":"ButtonWrapFlex","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{width:["45px","45px","45px","65px"],className:"col1","data-element":"Box","data-source-file":"atcarea.js"}," ",(0,f.Y)(c(),{"data-element":"Recurring","data-source-file":"atcarea.js"})),(0,f.Y)(d.Flex,{width:["calc(100% - 45px)","calc(100% - 45px)","calc(100% - 45px)","calc(100% - 65px)"],className:"col2","data-element":"Flex","data-source-file":"atcarea.js"}

1,(0,f.Y)(d.Flex,{flexDirection:"column","data-element":"Flex","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{width:[1],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(d.Flex,{"data-element":"Flex","data-source-file":"atcarea.js"},(0,f.Y)(d.Box,{width:["calc(100% - 65px)"],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)("section",null,(0,f.Y)(m.TextElement,{element:"p",text:I.btn_title,className:"body--large-b btn_title text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)("br",null),(0,f.Y)(m.TextElement,{element:"p",text:I.save,className:"body--regular c-save text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}))),(0,f.Y)(d.Box,{width:["65px"],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(m.TextElement,{element:"p",text:"$"+oe,className:"body--xlarge-b text-right text-master-base-black","data-element":"TextElement","data-source-file":"atcarea.js"}),(0,f.Y)(m.TextElement,{element:"p","aria-label":"was "+pe+" dollars, now discounted",text:"$"+pe,className:"body--regular text-master-base-alt-alt c-strike text-right","data-element":"TextElement","data-source-file":"atcarea.js"})))),(0,f.Y)(d.Box,{width:[1],"data-element":"Box","data-source-file":"atcarea.js"},(0,f.Y)(m.TextElement,{element:"p",text:ie,className:"body--small text-master-base-alt-alt btn_descr","data-element":"TextElement","data-source-file":"atcarea.js"})))))),(0,f.Y)(u.v,{className:"c-btn pdp-main-atc "+(M?"disabled":""),primary:!0,label:"Add to Cart",onClick:e=>{if(e.preventDefault(),M)return!1;Q(!0);const t=ae[H];h.F.onProductAdded({options:[t],quantity:1,quiz_reco:!1,purchase_source:re,type:"button"});const a=[re];$&&$.forEach&&$.forEach(e=>{h.F.onProductAdded({purchase_source:i,options:[{core_category:null,name:b.oO[e],price:0,product_category:"Scalp Support",product_gender:"all",purchase_type:"Single Purchase",quantity:1,shipping_interval:null,sku:e,source:re,subscription_type:null,variant:"Single Purchase"}]}),a.push(re)});const l="https://nutrafol.com/dpa/add/tocart/?skus="+t.sku+ne+"&purchase_source="+a.join(",")+"&code="+I.code;window.location.href=l},"data-element":"ButtonWild","data-source-file":"atcarea.js"})))))}}}]);