https://www.paulaschoice.com/on/demandware.static/Sites-paulaschoi…/static/js/7277.374009f866c514608082.js

1"use strict";(self.webpackChunksite=self.webpackChunksite||[]).push([[7277],{7277:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var a=n(86330),r=n(79082),l=n(75799),c=n.n(l),i=n(14041),o=n(28963),m=n(84883),u=n(17607),s=n(50243),g=n(72972),d=n(41156),h=n(82993),p=n(58233),E=n(392),f=n(27043),b=n(47731),v=n(56903),C=n(24077),A=n(9674),x=n(66135),y=n(75939),k=n(11053),w=n(25030),S=i.createElement("svg",{viewBox:"0 0 1280 154.76"},i.createElement("path",{d:"m184.91,92.39c11.01-2.27,20.09-12.05,20.09-26.73,0-15.55-11.35-29.7-33.54-29.7h-61.32v116.52h63.24c22.19,0,33.89-13.98,33.89-31.45,0-14.67-9.96-26.73-22.36-28.65Zm-49.96-35.29h31.1c8.39,0,13.63,5.59,13.63,12.75s-5.24,12.93-13.63,12.93h-31.1v-25.68Zm31.97,74.25h-31.97v-27.43h31.97c9.78,0,15.02,6.29,15.02,13.63,0,8.39-5.59,13.8-15.02,13.8Z"}),i.createElement("polygon",{points:"228.42 152.49 310.88 152.49 310.88 131 253.23 131 253.23 103.92 309.66 103.92 309.66 82.61 253.23 82.61 253.23 57.27 310.88 57.27 310.88 35.96 228.42 35.96 228.42 152.49"}),i.createElement("path",{d:"m368.88,35.96l-45.07,116.52h27.25l7.34-20.09h52.06l7.34,20.09h27.08l-44.9-116.52h-31.1Zm-3.84,74.94l19.39-53.46,19.22,53.46h-38.61Z"}),i.createElement("path",{d:"m532.93,105.14c0,16.25-8.91,27.43-26.73,27.43s-27.08-11.18-27.08-27.43V35.96h-25.16v70.05c0,28.65,16.6,48.57,52.23,48.57s51.89-19.74,51.89-48.74V35.96h-25.16v69.18Z"}),i.createElement("polygon",{points:"574.18 57.8 608.25 57.8 608.25 152.49 633.23 152.49 633.23 57.8 667.12 57.8 667.12 35.96 574.18 35.96 574.18 57.8"}),i.createElement("polygon",{points:"734.94 82.78 705.94 35.96 677.64 35.96 722.54 104.79 722.54 152.49 747.34 152.49 747.34 104.79 791.89 35.96 763.59 35.96 734.94 82.78"}),i.createElement("path",{d:"m853.48,35.96h-46.82v116.52h14.5v-46.3h32.32c23.06,0,36.51-16.07,36.51-35.11s-13.1-35.11-36.51-35.11Zm-1.75,57.3h-30.57v-44.37h30.57c13.8,0,23.23,9.09,23.23,22.19s-9.43,22.19-23.23,22.19Z"}),i.createElement("polygon",{points:"910.21 152.49 986.55 152.49 986.55 139.56 924.71 139.56 924.71 99.38 985.32 99.38 985.32 86.45 924.71 86.45 924.71 48.89 986.55 48.89 986.55 35.96 910.21 35.96 910.21 152.49"}),i.createElement("path",{d:"m1051.85,35.96h-39.83v116.52h39.83c36.16,0,59.75-24.98,59.75-58.17s-23.58-58.35-59.75-58.35Zm0,103.59h-25.33V48.89h25.33c28.82,0,44.72,20.27,44.72,45.42s-16.42,45.24-44.72,45.24Z"}),i.createElement("rect",{x:"1136.92",y:"35.96",width:"14.5",height:"116.52"}),i.createElement("path",{d:"m1215.01,35.96l-46.82,116.52h16.07l10.31-25.86h59.05l10.31,25.86h16.07l-47-116.52h-17.99Zm-16.25,77.74l25.33-64.81,25.16,64.81h-50.49Z"}),i.createElement("polygon",{points:"89 30.9 80.35 16.07 51.3 34.61 53.15 0 35.85 0 37.39 34.61 8.34 16.07 0 30.9 30.59 46.66 0 62.42 8.34 77.26 37.39 58.41 35.85 93.02 53.15 93.02 51.3 58.41 80.35 77.26 89 62.42 58.41 46.66 89 30.9"}));const T=function(e){var t=(0,i.useContext)(E.B),n=t.analytics,l=t.api,T=t.common,I=t.ocr,Z=(0,i.useContext)(f.NQ),L=(0,i.useContext)(b.j).doAsyncTask,R=(0,i.useContext)(v.i).isCmsFrame,z=(0,i.useState)(""),B=(0,r.A)(z,2),H=B[0],U=B[1],D=(0,i.useId)(),P=(0,i.useState)(!1),O=(0,r.A)(P,2),M=O[0],q=O[1],F=(0,i.useRef)(null),j=(0,i.useState)(""),V=(0,r.A)(j,2),W=V[0],X=V[1],K=(0,i.useState)(!1),_=(0,r.A)(K,2),G=_[0],N=_[1],Q=(0,i.useState)(e.pageData.photoTipsModal.editingPhotoTipsModal||!1),Y=(0,r.A)(Q,2),J=Y[0],$=Y[1],ee=(0,i.useState)({left:0,width:0,top:0,height:0}),te=(0,r.A)(ee,2),ne=te[0],ae=te[1],re=(0,i.useState)(0),le=(0,r.A)(re,2),ce=le[0],ie=le[1],oe=(0,i.useRef)(),me=(0,i.useCallback)((function(e){if(null!==e){oe.current=new ResizeObserver((function(){ie(e.clientHeight)})),oe.current.observe(e),ie(e.clientHeight)}}),[]),ue=(0,i.useState)(50),se=(0,r.A)(ue,2),ge=se[0],de=se[1],he=(0,i.useRef)(),pe=(0,i.useCallback)((function(e){if(null!==e){he.current=new ResizeObserver((function(){de(e.clientHeight)})),he.current.observe(e),de(e.clientHeight)}}),[]),Ee=e.pageData,fe=T.strings,be=T.svgs,ve=Ee.jarPackagingCheckboxLabel,Ce=Ee.sidePanel,Ae=Ee.breadcrumbs,xe=Ee.heading,ye=Ee.subheading,ke=Ee.contentTitle,we=Ee.contentSubtitle,Se=Ee.ingredientListTextareaPlaceholder,Te=Ee.imageUploadSection,Ie=Ee.photoTipsModal;(0,i.useEffect)((function(){(0,A.yw)(A.jL,M)}),[M]);var Ze=function(e){L((0,a.A)(c().mark((function t(){var n;return c().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.search.getIngredientAnalyzerResultsUrl({query:e});case 2:return n=t.sent,t.next=5,l.app.setIngredientAnalyzerSessionIngredientList({ingredientList:H});case 5:Z.navigateTo({url:n});case 6:case"end":return t.stop()}}),t)}))))};(0,i.useEffect)((function(){R||L((0,a.A)(c().mark((function e(){return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l.app.getIngredientAnalyzerSessionIngredientList().then((function(e){e&&U(e)}));case 2:case"end":return e.stop()}}),e)}))))}),[l,L,R]);var Le,Re,ze,Be,He=function(e,t){var n=document.createElement("img");return n.src=e,new Promise((function(e){return n.onload=function(){var a=document.createElement("canvas");a.width=t.width,a.height=t.height,a.getContext("2d").drawImage(n,t.left,t.top,t.width,t.height,0,0,t.width,t.height),a.toBlob((function(t){return e(t)}))}}))},Ue=function(){oe.current&&oe.current.disconnect(),he.current&&he.current.disconnect()},De=function(){var e=(0,a.A)(c().mark((function e(){var t;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n.trackEvent({name:"ingredientAnalyzerImageCropperSubmit"}),Ue(),e.next=4,He(W,ne);case 4:return t=e.sent,e.abrupt("return",L((0,a.A)(c().mark((function e(){var a;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,I.getTextFromImage(t);case 2:a=e.sent,n.trackEvent({name:"ingredientAnalyzerOcrComplete"},{ingredientList:a}),U(a),Ze(a);case 6:case"end":return e.stop()}}),e)})))));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return i.createElement(k.mO,{colorset:3},i.createElement(k.UC,null,i.createElement(k.DF,null,!!Ae.length&&i.createElement(k._y,null,Ae.map((function(e,t){return i.createElement(g.Crumb,{key:t},i.createElement(k.t5,{url:e.url,pageType:d.g.generic,id:h.V.breadcrumb,assetId:void 0},e.text),t<Ae.length-1&&i.createElement(g.BreadcrumbSlash,null,"/"))}))),i.createElement(k.ZT,null,i.createElement(k.gu,null,S),xe&&i.createElement(i.Fragment,null,i.createElement("h1",null,xe.split("[linebreak]").map((function(e,t){return i.createElement(k.YI,{key:t,font:"large0",inline:!0},e)})))),ye&&i.createElement(m.Ay,{text:ye})),Te&&!Te.hidden&&i.createElement(k.cc,null,Te.header&&i.createElement(k.U_,{font:"large3b",clip:!0},Te.header),Te.subheader&&i.createElement(k.eZ,{font:"large7",clip:!0},Te.subheader),i.createElement(k.cG,null,i.createElement(p.Ay,{fullWidth:!0,onClick:function(){var e;return null===(e=F.current)||void 0===e?void 0:e.click()},tabIndex:-1,"aria-hidden":!0},Te.uploadButtonText),i.createElement("input",{ref:F,type:"file",accept:"image/*",onClick:function(){n.trackEvent({name:"ingredientAnalyzerUploadPhotoButtonClick"})},onChange:function(e){n.trackEvent({name:"ingredientAnalyzerUploadPhotoFileSelected"});var t=e.currentTarget.files?e.currentTarget.files[0]:void 0;X(t?window.URL.createObjectURL(t):""),t&&N(!0),e.currentTarget.value=""},"aria-label":Te.uploadButtonText,"data-test":w.A.ingredientCheckerUploadImageButton})),i.createElement(k.MD,null,i.createElement(k.dm,{onClick:function(){return $(!0)}},i.createElement(k.mo,{svg:be.info}),i.createElement(o.Ay,{font:"large6",inline:!0,clip:!0},Te.photoTipsLinkText))),J&&i.createElement(y.A,{close:function(){return $(!1)},fullScreenWidth:!0},i.createElement(k.Du,null,i.createElement(k.Pp,null,Ie.topContent&&i.createElement(m.Ay,{text:Ie.topContent})),i.createElement(k.Cc,null,i.createElement(k.di,{font:"large3b"},Ie.goodExampleHeading),i.createElement(k.ZK,null,Ie.goodExampleImage&&i.createElement(k.wg,{image:Ie.goodExampleImage}),i.createElement(k.mf,null,Ie.goodExampleContent&&i.createElement(m.Ay,{text:Ie.goodExampleContent})))),i.createElement(k.Cc,null,i.createElement(k.di,{font:"large3b"},Ie.badExampleHeading),i.createElement(k.ZK,null,Ie.badExampleImage&&i.createElement(k.wg,{image:Ie.badExampleImage}),i.createElement(k.mf,null,Ie.badExampleContent&&i.createElement(m.Ay,{text:Ie.badExampleContent})))),i.createElement(k.Xq,null,Ie.bottomContent&&i.createElement(m.Ay,{text:Ie.bottomContent})))),G&&(Le=Ee.imageUploadSection,Re=Le.imageCropperHeader,ze=Le.imageCropperSubheader,Be=Le.analyzeButtonText,i.createElement(y.A,{close:function(){N(!1),Ue()},fullScreenWidth:!0,fullHeightOnDesktop:!0},i.createElement(k.xw,null,(Re||ze)&&i.createElement(k.w8,{ref:me},Re&&i.createElement(k.Z8,{font:"large3b",clip:!0},Re),ze&&i.createElement(k.HA,{font:"large7",clip:!0,includeTopPadding:!!Re},ze)),i.createElement(k.cD,{topContentHeight:ce,bottomContentHeight:ge}

1,i.createElement(k.ox,{imageSrc:W,selection:ne,onChange:ae})),i.createElement(k.BX,{ref:pe},ve&&i.createElement(k.oj,null,(0,C.q2)(T,{value:M,label:ve,onChange:function(e){return q(e.target.checked)}})),i.createElement(k.Oq,{onClick:De,fullWidth:!0,"data-test":w.A.ingredientCheckerCropImageModalSubmitButton},Be)))))),i.createElement(x.A,{font:"large4"}),i.createElement(k.wB,null,i.createElement(k.x6,{font:"large3b"},ke),i.createElement(k.XZ,{id:D,font:"large7"},we)),i.createElement("form",{onSubmit:function(e){var t;e.preventDefault(),t=H?"ingredientAnalyzerListCheckerSubmit":"ingredientAnalyzerListCheckerSubmitInvalid",n.trackEvent({name:t},{ingredientList:H}),H&&Ze(H)}},i.createElement(k.Ds,{name:"ingredientList",placeholder:Se,value:H,onChange:function(e){return U(e.target.value)},rows:4,spellCheck:!1,"aria-labelledby":D,required:!0,"aria-invalid":!H,"data-test":w.A.ingredientCheckerTextArea}),ve&&i.createElement(k.yd,null,(0,C.q2)(T,{value:M,label:ve,onChange:function(e){return q(e.target.checked)}})),i.createElement(k.c5,null,i.createElement(k.b7,{type:"submit","data-test":w.A.ingredientCheckerTextSubmitButton},fe.submit)))),i.createElement(k.v5,null,i.createElement(k.wv,null,i.createElement(k.O,null,i.createElement(k.ps,null,i.createElement(o.Ay,{font:"large3b",clip:!0},Ce.header)),Ce.image&&i.createElement(k.MF,null,Ce.imageAspectRatio&&Ce.imageAspectRatio.width&&Ce.imageAspectRatio.height?i.createElement(s.Ay,{image:{url:Ce.image,title:"",alt:Ce.imageAltText||""},aspectRatio:Ce.imageAspectRatio}):i.createElement(u.A,{image:{url:Ce.image,title:"",alt:Ce.imageAltText||""}})),i.createElement(m.Ay,{text:Ce.content})),Ce.bottomCard&&i.createElement(k.mM,{assetId:void 0,id:h.V.analyzerContentCard,pageType:d.g.generic,url:Ce.bottomCard.imageLink},i.createElement(s.Ay,{image:Ce.bottomCard.image,aspectRatio:Ce.bottomCard.image.aspectRatio}))))))}}}]);