https://ceway.eu/component---src-pages-formula-compliance-index-id-js-66e1b3db3cd25807d77c.js

1"use strict";(self.webpackChunkceway=self.webpackChunkceway||[]).push([[2888],{45395:function(e,t,r){var a=r(67294),n=r(95593);t.Z=e=>{let{background:t=n.r.textPrimary,className:r}=e;return a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r},a.createElement("path",{d:"M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z",fill:t}))}},59450:function(e,t,r){r.r(t);var a=r(42982),n=r(67294),i=r(7597),o=r(9669),m=r.n(o),l=r(68454),c=r(35665),d=r(40656),s=r(45395),u=r(1939),h=r(95593),g=r(1440),p=r(97534),b=r(95103),x=r(34168);const f={DEFAULT:{bg:h.r.backgroundPrimary,border:h.r.borderSecondary},GREEN:{bg:h.r.backgroundPositive,border:h.r.borderPositive},YELLOW:{bg:h.r.backgroundWarning,border:h.r.borderWarning},RED:{bg:h.r.backgroundError,border:h.r.borderError}};t.default=()=>{const{0:e,1:t}=(0,n.useState)([]),{0:r,1:o}=(0,n.useState)(!0),{0:w,1:y}=(0,n.useState)(!1),{0:E,1:k}=(0,n.useState)([{selectedOption:null,casNumber:"",restriction:"",colorStatus:f.DEFAULT,filteredItems:[]}]);(0,n.useEffect)((()=>{N()}),[]);const N=async()=>{try{const{data:e}=await m().get("https://cosmetic-testing.com/wp-json/v1/cosing/allnames?corsfix=true"),r=e.map(((e,t)=>({value:t,label:e.inci_name})));t(r),o(!1)}catch(e){console.error(e),y(!0)}};return n.createElement(n.Fragment,null,n.createElement(l.Z,{title:"Formula - CE.way",description:""}),n.createElement(x.Z,{className:"text-justify"},n.createElement("div",{className:"section-one"},n.createElement(p.W2,{column:!0,mobileColumn:!0},n.createElement(g.ek,{className:"headline mx-auto text-center"},"Kepatuhan Formula"),n.createElement(p.W2,{maxWidth:"60%",mobileMaxWidth:"100%",column:!0,mobileColumn:!0},n.createElement(g.Sl,{className:"text"},"Formulir tinjauan formula ini memberi tahu Anda jika ada bahan dalam formula produk kosmetik Anda yang dilarang, dibatasi, atau muncul dalam lampiran peraturan kosmetik UE. Informasi yang terkandung di sini dimaksudkan untuk tujuan informatif saja. Harap perlakukan catatan ini sebagai referensi awal dan lakukan evaluasi yang lebih mendalam untuk memastikan pemahaman yang komprehensif. Untuk tinjauan yang lebih menyeluruh, silakan hubungi kami.")))),n.createElement("div",{className:"section-two"},n.createElement(p.W2,{maxWidth:"60%",mobileMaxWidth:"100%",column:!0,mobileColumn:!0,alignItems:"flex-start"},r&&!w&&n.createElement("div",{className:"loading"},n.createElement("div",{class:"loader"})),!r&&w&&n.createElement("div",{className:"error"},n.createElement(g.Sl,{className:"error-text",color:h.r.textError},"Terjadi kesalahan, silakan coba lagi.")),!r&&!w&&n.createElement("div",{className:"formula"},E.map(((t,r)=>n.createElement("div",{className:"input-group",key:r},n.createElement("div",{className:"input-text"},n.createElement("span",{className:"label"},"Bahan"),n.createElement(i.ZP,{id:r,isSearchable:!0,value:t.selectedOption,options:t.filteredItems,noOptionsMessage:()=>"Mulai mencari...",placeholder:"Cari berdasarkan nama INCI",className:"input-search",classNamePrefix:"react-select",onInputChange:t=>((t,r)=>{if(r.length<3)return;const n=e.filter((e=>e.label.toLowerCase().includes(r.toLowerCase())));k((e=>{const r=(0,a.Z)(e);return r[t].filteredItems=n,r}))})(r,t),onChange:e=>(async(e,t)=>{k((r=>{const n=(0,a.Z)(r);return n[e].selectedOption=t,n}));try{const{data:r}=await m().get(`https://cosmetic-testing.com/wp-json/v1/cosing?entry=${t.label}`),n=r[0];let i="Allowed ✅",o=f.GREEN;null!=n.restriction&&(n.restriction.includes("III")?(i="III - Restricted ⚠️",o=f.YELLOW):n.restriction.includes("II")?(i="II - Banned ❌",o=f.RED):n.restriction.includes("IV")?(i="IV - Allowed ✅",o=f.GREEN):n.restriction.includes("VI")?(i="VI - Restricted ⚠️",o=f.YELLOW):n.restriction.includes("V")&&(i="V - Restricted ⚠️",o=f.YELLOW)),k((t=>{const r=(0,a.Z)(t);return r[e].casNumber=n.cas_no,r[e].restriction=i,r[e].colorStatus=o,r}))}catch(r){console.error(r),y(!0)}})(r,e)})),n.createElement("div",{className:"result-group"},n.createElement("div",{className:"input-text"},n.createElement("span",{className:"label"},"Nomor CAS"),n.createElement("input",{type:"text",value:t.casNumber,readOnly:!0})),n.createElement("div",{className:"input-text"},n.createElement("span",{className:"label"},"Status Bahan"),n.createElement("input",{type:"text",value:t.restriction,readOnly:!0,style:{borderColor:t.colorStatus.border,backgroundColor:t.colorStatus.bg}})),r>0&&n.createElement("button",{className:"btn-remove",onClick:()=>(e=>{k((t=>t.filter(((t,r)=>r!==e))))})(r)},n.createElement(u.Z,{background:h.r.backgroundHighlight})))))),n.createElement(b.D,{className:"btn-add",onClick:()=>{k((e=>[].concat((0,a.Z)(e),[{selectedOption:null,casNumber:"",restriction:"",colorStatus:f.DEFAULT,filteredItems:[]}])))}},n.createElement(s.Z,{background:h.r.backgroundLight,className:"icon"}),"Tambahkan bahan")))),n.createElement("div",{className:"section-three"},n.createElement(p.W2,{column:!0,mobileColumn:!0},n.createElement("div",{className:"note"},n.createElement(g.q9,{className:"text",weight:700},"Butuh tinjauan kepatuhan formula yang menyeluruh?"),n.createElement("a",{href:"mailto:[email protected]?subject=Formula Review Order",className:"contact-btn"},n.createElement(b.D,null,n.createElement(d.Z,null)," Pesan tinjauan formula"))))),n.createElement(c.Z,{lang:"id"})))}},34168:function(e,t,r){var a=r(38205),n=r(2403),i=r(97534);const o=(0,a.keyframes)(["0%,80%,100%{box-shadow:0 0;height:2rem;}40%{box-shadow:0 -0.5rem;height:3rem;}"]),m=(0,a.keyframes)(["0%{opacity:0;}100%{opacity:1;}"]),l=(0,a.default)(i.Uo).withConfig({displayName:"FormulaCompliancePageStyled",componentId:"sc-18a30n3-0"})(["width:100%;.section-one{display:flex;flex-direction:column;padding:5rem;@media (max-width:","){padding:5rem 2rem;}@media (max-width:","){padding:3rem 1rem;}@media (max-width:","){padding:2rem 1rem;}.headline{margin-bottom:2rem;}}.section-two{display:flex;flex-direction:column;background-color:",";padding:5rem;@media (max-width:","){padding:5rem 2rem;}@media (max-width:","){padding:3rem 1rem;}@media (max-width:","){padding:2rem 1rem;}.formula{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;opacity:0;will-change:opacity;animation:"," 0.4s ease-in forwards 0.2s;}

1.input-group{display:flex;gap:1rem;padding-bottom:2rem;border-bottom:1px solid ",";width:100%;@media (max-width:","){flex-direction:column;align-items:flex-start;}}.result-group{display:flex;align-items:flex-end;gap:1rem;}.input-search{@media (max-width:","){width:100%;}.react-select__value-container{max-height:2.8rem;padding:0 1.25rem !important;margin:0 !important;}.react-select__input-container{max-height:2.8rem;padding:0 !important;margin:0 !important;margin-top:-2px !important;}.react-select__control,.react-select__control--is-focused{font-size:1rem;line-height:1;font-family:",";color:",";background-color:",";border-radius:2rem;height:3rem;width:300px;padding:0;margin-top:0.35rem;@media (max-width:","){width:250px;}@media (max-width:","){width:100%;}.react-select__input-container{padding:0 0.75rem;}.react-select__placeholder{color:",";padding:0;}}.react-select__control{border:1px solid ",";:hover{border:1px solid ",";}}.react-select__control--is-focused{border:1px solid ",";box-shadow:none !important;}}.input-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;font-size:1rem;line-height:1.5;color:",";@media (max-width:","){width:100%;}.label{padding-left:1.5rem;}input{font-size:1rem;line-height:1;font-family:",";color:",";background-color:",";border:1px solid ",";border-radius:2rem;height:3rem;width:100%;padding:1rem 1.5rem;margin-top:0.35rem;}}.error{display:flex;align-items:center;justify-content:center;min-height:196px;width:100%;opacity:0;will-change:opacity;animation:"," 0.4s ease-in forwards 0.2s;}.error-text{background-color:",";border-radius:2rem;padding:1rem 1.5rem;}.loading{display:flex;align-items:center;justify-content:center;min-height:196px;width:100%;}.loader{position:relative;color:",";background:",";border-radius:1rem;width:0.5rem;height:2rem;animation:"," 1s infinite ease-in-out;animation-delay:-0.16s;&:before,&:after{content:'';position:absolute;top:0;left:1rem;background:",";border-radius:1rem;width:0.5rem;height:2rem;animation:"," 1s infinite ease-in-out;}&:before{left:-1rem;animation-delay:-0.32s;}}.btn-add{gap:0.5rem;margin-top:1rem;.icon{width:0.8rem;height:0.8rem;margin-bottom:0.1em;transform:rotate(45deg);}@media (max-width:","){margin-top:0;}}.btn-remove{display:flex;justify-content:center;align-items:center;background-color:transparent;border:0;height:3rem;width:2.5rem;padding:0;margin:0;cursor:pointer;}}.section-three{display:flex;flex-direction:column;padding:5rem;@media (max-width:","){padding:5rem 2rem;}@media (max-width:","){padding:3rem 1rem;}@media (max-width:","){padding:2rem 1rem;}.note{display:flex;align-items:center;justify-content:space-between;border:1px solid ",";border-radius:4rem;width:100%;padding:2.5rem 4rem;@media (max-width:","){padding:1rem 2rem;}@media (max-width:","){flex-direction:column;border-radius:2rem;padding:2rem 2rem;}.text{margin:0;@media (max-width:","){max-width:70%;}@media (max-width:","){text-align:center;max-width:100%;margin-bottom:3rem;}}}}"],n.Z.screenL,n.Z.screenLG,n.Z.screenMD,(e=>{let{theme:t}=e;return t.backgroundLight}),n.Z.screenL,n.Z.screenLG,n.Z.screenMD,m,(e=>{let{theme:t}=e;return t.borderPrimary}),n.Z.screenSM,n.Z.screenSM,(e=>{let{theme:t}=e;return t.fontSecondary}),(e=>{let{theme:t}=e;return t.textPrimary}),(e=>{let{theme:t}=e;return t.backgroundPrimary}),n.Z.screenLG,n.Z.screenSM,(e=>{let{theme:t}=e;return t.inputTextPlaceholder}),(e=>{let{theme:t}=e;return t.borderSecondary}),(e=>{let{theme:t}=e;return t.borderHighlight}),(e=>{let{theme:t}=e;return t.borderHighlight}),(e=>{let{theme:t}=e;return t.textSecondary}),n.Z.screenSM,(e=>{let{theme:t}=e;return t.fontSecondary}),(e=>{let{theme:t}=e;return t.textPrimary}),(e=>{let{theme:t}=e;return t.backgroundPrimary}),(e=>{let{theme:t}=e;return t.borderSecondary}),m,(e=>{let{theme:t}=e;return t.backgroundError}),(e=>{let{theme:t}=e;return t.borderSecondary}),(e=>{let{theme:t}=e;return t.borderSecondary}),o,(e=>{let{theme:t}=e;return t.borderSecondary}),o,n.Z.screenMD,n.Z.screenL,n.Z.screenLG,n.Z.screenMD,(e=>{let{theme:t}=e;return t.borderSecondary}),n.Z.screenMD,n.Z.screenSM,n.Z.screenMD,n.Z.screenSM);t.Z=l}}]);
2//# sourceMappingURL=component---src-pages-formula-compliance-index-id-js-66e1b3db3cd25807d77c.js.map