https://www.compliancesigns.com/_next/static/chunks/3436-9fa359837fea14c9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3436],{23436:function(e,s,l){"use strict";l.d(s,{Z:function(){return S}});var n=l(85893),a=l(67294),o=l(65664),t=l(75335),r=l(97839),i=l(5642),c=l(1644),d=l(80297),h=l(75733),m=l(57178),u=l(86010),g=l(86095);l(24074);let x=e=>{let{values:s,name:l,title:a,onChange:o,className:t,valueClassName:r,valueRowClassName:i}=e;return(0,n.jsxs)("div",{className:t||"col-12",children:[(0,n.jsx)("h2",{className:"font-large font-normal mb-2",children:a}),(0,n.jsx)("div",{className:(0,u.Z)("d-flex flex-wrap",{valueRowClassName:i}),children:s.map((e,s)=>(0,n.jsx)("div",{className:"pointer mb-1 ".concat(r||"col-12"),onClick(s){o({[l]:e.value})},children:(0,n.jsx)("img",{className:"img-fluid w-100",src:e.image})},s))})]})},f=e=>{let{type:s}=e;switch(s){case"inline":default:return(0,n.jsx)(x,{...e});case"dropdown":}return null},j=e=>{let{template:s,values:l,onChange:a}=e;return s?s.map((e,s)=>(0,n.jsx)(f,{...e,value:l[e.name],onChange:a},s)):null};var p=l(43112),v=l.n(p),N=l(32621);let b=e=>{let{symbolGroup:s,onChange:o,values:t}=e,[r,i]=a.useState(null),[c,d]=a.useState([]),[h,m]=a.useState([]),[[x,f],j]=a.useState([[],{}]);return a.useEffect(()=>{s.map(e=>e.groupName),Promise.all(s.map((e,s)=>l(84988)("./".concat(e.groupName)))).then(e=>{d([].concat(...e.map(e=>e.default)).find(e=>e[0]==t.symbol)),m(e[0].default),j([s.map((s,l)=>({key:s.groupName,src:e[l].thumb})),s.reduce((s,l,n)=>(s[l.groupName]=e[n].default,s),{})])})},[]),(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"font-large font-normal mb-2",children:"Select Symbol"}),(0,n.jsxs)("div",{onClick(e){i(!r)},className:(0,u.Z)(v()["custom-select"]),children:[c?(0,n.jsx)("img",{height:70,src:c[1]}):(0,n.jsx)("img",{height:70,src:"/customsigns/csg3/NoSymbol_100.gif"}),(0,n.jsx)(g.Z,{icon:"chevron-down",size:"24",className:"mr-3"})]}),(0,n.jsxs)(N.ZP,{open:r,onClose(){i(!i)},children:[(0,n.jsxs)(N.xB,{children:[(0,n.jsx)("h2",{className:"h3 font-bold",children:"Select Symbols Group"}),(0,n.jsx)("div",{className:"d-flex flex-wrap justify-content-between",children:x.map((e,s)=>(0,n.jsx)("div",{className:"pointer m-2",onClick(s){m(f[e.key])},children:(0,n.jsx)("img",{height:40,src:e.src})},s))})]}),(0,n.jsxs)(N.fe,{children:[(0,n.jsx)("hr",{}),(0,n.jsx)("div",{className:"d-flex flex-wrap justify-content-between",children:h.map((e,s)=>(0,n.jsx)("div",{className:"pointer m-3",onClick(s){o({symbol:e[0]}),d(e),i(!1)},children:(0,n.jsx)("img",{height:80,src:e[1]})},s))})]})]})]})};var y=l(85482);let w=e=>{let{headers:s,values:l,headerClass:o,onChange:t,title:r,name:i}=e,[c,d]=a.useState(null),[h,m]=a.useState(!1),[u,g]=a.useState(null),x=a.useRef();return(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"d-flex mb-2 mt-3 align-items-center",children:[(0,n.jsx)("div",{className:"font-large",children:r}),"\xa0",(0,n.jsx)(y.Z,{onClick(e){d(!c)},children:"Upload"})]}),(0,n.jsx)(N.ZP,{open:c,onClose(){d(!d)},children:(0,n.jsxs)(N.fe,{children:[(0,n.jsxs)("div",{className:"h4 font-bold",children:["You can upload a graphic in the following file formats:",(0,n.jsx)("br",{}),(0,n.jsx)("span",{className:"font-medium",children:(0,n.jsx)("b",{children:".jpg, .png, .tiff"})})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h4",{children:"Select a file"}),(0,n.jsx)("input",{className:"mb-2",type:"file",ref:x}),(0,n.jsx)(y.Z,{loading:h,onClick(e){var s=new FormData;x.current.files[0]&&(m(!0),s.append("file",x.current.files[0]),fetch("/api/core/upload-parking-logo",{method:"POST",body:s}).then(e=>e.json()).then(e=>{m(!1),e.Error?(g(e.Message),x.current.value=""):(g(null),d(!1),t({[i]:e.designName}))}).catch(e=>{m(!1),console.log(e)}))},children:"Upload"})]}),(0,n.jsx)("div",{children:u&&(0,n.jsx)("span",{className:"t-red-600",children:u})}),(0,n.jsx)("hr",{}),(0,n.jsxs)("div",{className:"font-medium",children:[(0,n.jsxs)("p",{children:[(0,n.jsx)("b",{className:"t-red-600",children:"Note:"}),' Click on the "Choose File" button to select your image file. A new window will pop up and allow you to browse the files on your computer. Select the desired file, click on the "Open" button, then click on the "Upload" button.']}),(0,n.jsx)("p",{children:"Please bear in mind that low resolution or poor quality images will be reproduced exactly on the final product and you may be disappointed 

1with the result."}),(0,n.jsx)("p",{children:"The better the quality of your image, the better the resulting sign will look! On the other hand, we cannot accept files that are too large."}),(0,n.jsx)("p",{children:"Our limit is 2.5 MB, which should be adequate for most purposes."}),(0,n.jsx)("i",{children:"Copyright Protection: As content creators, we understand the importance of images. Uploading a logo or image on compliancesigns.com for use requires appropriate rights. By uploading a file for a design, you acknowledge you are not infringing on the trademarks or copyrights of others."})]}),(0,n.jsx)("div",{className:"row"})]})})]})},C=e=>{let{symbolGroup:s,onChange:o,values:t}=e,[r,i]=a.useState(null),[c,d]=a.useState([]),[h,m]=a.useState([]),[[x,f],j]=a.useState([[],{}]);return a.useEffect(()=>{s.map(e=>e.groupName),Promise.all(s.map((e,s)=>l(84988)("./".concat(e.groupName)))).then(e=>{d([].concat(...e.map(e=>e.default)).find(e=>e[0]==t.symbol)),m(e[0].default)})},[]),(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"font-large font-normal mb-2",children:"Select Message"}),(0,n.jsxs)("div",{onClick(e){i(!r)},className:(0,u.Z)(v()["custom-select"]),children:[c?(0,n.jsx)("img",{height:70,src:c[1]}):(0,n.jsx)("img",{height:70,src:"/customsigns/csg3/NoSymbol_100.gif"}),(0,n.jsx)(g.Z,{icon:"chevron-down",size:"24",className:"mr-3"})]}),(0,n.jsxs)(N.ZP,{open:r,onClose(){i(!i)},children:[(0,n.jsx)(N.xB,{children:(0,n.jsx)("h2",{className:"h3 font-bold",children:"Select Message "})}),(0,n.jsxs)(N.fe,{children:[(0,n.jsx)("hr",{}),(0,n.jsx)("div",{className:"d-flex flex-wrap justify-content-center",children:h.map((e,s)=>(0,n.jsx)("div",{className:"pointer m-3",onClick(s){o({symbol:e[0]}),d(e),i(!1)},children:(0,n.jsx)("img",{height:130,src:e[1]})},s))})]})]})]})},k=e=>{let{values:s,onChange:l,templateData:u}=e,{orientation:g,background:x,template:f,headers:p,richTexts:v,symbolGroups:N,symbolGroup:y,fontColors:k,fonts:S,headerClass:Z,arrows:_,defaultValues:E,uploadImage:P,signClass:O,message:U}=u;return(0,n.jsxs)("div",{className:"row mt-4 justify-content-between",children:[g&&(0,n.jsx)("div",{className:"col-lg-6",children:(0,n.jsx)(o.Z,{values:s,onChange(e){l(s,e)}})}),p&&(0,n.jsx)("div",{className:"col-lg-4",children:(0,n.jsx)(t.Z,{headerClass:Z,values:s,headers:p,onChange(e){l(s,e)}})}),(0,n.jsx)(j,{template:f,values:s,onChange(e){l(s,e)}}),(0,n.jsx)(r.Z,{background:x,values:s,onChange(e){l(s,e)}}),(0,n.jsx)("div",{className:"col-12 mt-3 mb-4",children:(0,n.jsx)(i.Z,{theme:"light"})}),(0,n.jsxs)("div",{className:"col-lg-8",children:[v&&v[0]&&(0,n.jsx)("h2",{className:"font-large font-normal mb-2",children:"Enter Text"}),v&&v.map((e,n)=>(0,a.createElement)(c.Z,{defaultValues:E,values:s,onChange(e){l(s,e)},...e,key:n})),P&&(0,n.jsx)(w,{...P,values:s,onChange(e){l(s,e)}})]}),(0,n.jsxs)("div",{className:"col-lg-4",children:[U&&(0,n.jsx)(C,{symbolGroup:y,values:s,onChange(e){l(s,e)}}),y&&!U&&(0,n.jsx)(b,{symbolGroup:y,values:s,onChange(e){l(s,e)}}),N&&(0,n.jsx)(d.Z,{symbolGroups:N,values:s,onChange(e){l(s,e)}}),_&&(0,n.jsx)(h.Z,{..._,values:s,onChange(e){l(s,e)}}),k&&S&&(0,n.jsx)(m.Z,{fonts:S,fontColors:k,values:s,onChange(e){l(s,e)}})]})]})};var S=k},84988:function(e,s,l){var n={"./arrows":[98491,9747],"./arrows.ts":[98491,9747],"./body":[70499,499],"./body.ts":[70499,499],"./circle":[11653,1653],"./circle.ts":[11653,1653],"./covid-group":[72922,2922],"./covid-group.ts":[72922,2922],"./crane":[48691,8691],"./crane.ts":[48691,8691],"./csglogo":[19159,9159],"./csglogo.ts":[19159,9159],"./diamond":[34948,4948],"./diamond.ts":[34948,4948],"./first_fire":[42618,2618],"./first_fire.ts":[42618,2618],"./general":[253,253],"./general.ts":[253,253],"./no-group":[3687,3687],"./no-group.ts":[3687,3687],"./prohib":[54635,4635],"./prohib.ts":[54635,4635],"./triangle":[29058,6019],"./triangle.ts":[29058,6019]};function a(e){if(!l.o(n,e))return Promise.resolve().then(function(){var s=Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s});var s=n[e],a=s[0];return l.e(s[1]).then(function(){return l(a)})}a.keys=function(){return Object.keys(n)},a.id=84988,e.exports=a}}]);