https://replicadiagnostics.in/static/js/Shapes.770ca6e1.chunk.js

1"use strict";(self.webpackChunkeditor_app=self.webpackChunkeditor_app||[]).push([[533],{69438:(e,t,o)=>{o.r(t),o.d(t,{default:()=>c});var r=o(89379),l=o(30624),n=o(82483),d=o(28069),a=o(29243),i=o(79773),s=o(21956),p=o(56723);const c=n.memo((e=>{var t,o,c;let{widgetProperties:u,widgetWrapperStyle:v,themePresetsandProps:h,wrapperPadding:C,currentResponsiveDeviceStyleProp:g}=e;const[,,,m]=(0,l.A)({}),[f,x]=(0,n.useState)(!1),[y,b]=(0,n.useState)(""),[k,w]=(0,n.useState)(),P=null==u?void 0:u.appearance,j=null==u||null===(t=u.properties)||void 0===t?void 0:t.common;let I="";const S=null==u||null===(o=u.properties)||void 0===o||null===(c=o.data)||void 0===c?void 0:c.usedDataProps,A=e=>{let{propCode:t}=e;return null==S?void 0:S.findIndex((e=>e.propCode===t))};return(0,n.useEffect)((()=>{var e;const t=A({propCode:"shapevariant"}),o=-1!==t&&void 0!==t&&(null===(e=S[t])||void 0===e?void 0:e.propValue)||"",r=o&&JSON.parse(o);(async e=>{try{const t=await m({axiosInstance:a.A,method:"POST",url:s.o5,requestConfig:{bucketFilePath:e}});if(t&&t.fileContent){const e="data:image/svg+xml;base64,".concat(btoa(t.fileContent));I=e,w(null==t?void 0:t.fileContent)}}catch(e){I=""}})(null==r?void 0:r.fileContent)}),[u]),(0,p.jsx)(p.Fragment,{children:u?(()=>{var e,t,o,l,n,a,s,c,C,g,m,f,x,y,b,w;const V=A({propCode:"alttext"}),R=(-1!==V&&void 0!==V&&(null===(e=S[V])||void 0===e||e.propValue),(0,i.oW)(P,h)),W=null==P||null===(t=P.style)||void 0===t?void 0:t.usedProps,L=(null==u||null===(o=u.appearance)||void 0===o||null===(l=o.transform)||void 0===l?void 0:l.transformLayoutZindex)||1,z=e=>{var t;let{list:o,propCode:r,attrCode:l}=e;const n=null==o?void 0:o.findIndex((e=>(null==e?void 0:e.propCode)===r));return-1!==n&&void 0!==n?null===(t=o[n])||void 0===t?void 0:t[l]:""},F=z({list:W,propCode:"corner",attrCode:"expandedValue"})||"0",T=z({list:W,propCode:"corner",attrCode:"expanded"}),Y=z({list:W,propCode:"corner",attrCode:"topLeft"})||"0",G=z({list:W,propCode:"corner",attrCode:"topRight"})||"0",N=z({list:W,propCode:"corner",attrCode:"bottomLeft"})||"0",E=z({list:W,propCode:"corner",attrCode:"bottomRight"})||"0",H=z({list:W,propCode:"shadow",attrCode:"X"})||"0",O=z({list:W,propCode:"shadow",attrCode:"Y"})||"0",Z=z({list:W,propCode:"shadow",attrCode:"blur"})||"0",q=z({list:W,propCode:"shadow",attrCode:"spread"})||"0",D=z({list:W,propCode:"shadow",attrCode:"color"})||"",J=z({list:W,propCode:"shadow",attrCode:"opacity"})||"",_=z({list:W,propCode:"background",attrCode:"color"})||"",X=z({list:W,propCode:"background",attrCode:"opacity"})||"",B="Custom"===(z({list:W,propCode:"style",attrCode:"style"})||""),K=B?(0,i.vY)({color:_,opacity:X,themePresetsandProps:h}):null==h?void 0:h.mastersurface1,M=z({list:W,propCode:"dropdownicon",attrCode:"color"})||"",Q=z({list:W,propCode:"dropdownicon",attrCode:"opacity"})||"",U=(B?(0,i.vY)({color:M,opacity:Q,themePresetsandProps:h}):null==h||h.mastertext1,(e=>{let{list:t,propCode:o}=e;const r=null==t?void 0:t.findIndex((e=>(null==e?void 0:e.propCode)===o));return-1!==r&&void 0!==r?t[r]:null})({list:W,propCode:"stroke"})),$=(null==U?void 0:U.style)||"",ee=(null==U?void 0:U.thickness)||0,te=(null==U?void 0:U.color)||"",oe=(null==U?void 0:U.opacity)||"100%",re=(0,i.vY)({color:te,opacity:oe,border:$,strokewidth:ee,themePresetsandProps:h}),le=(0,i.vY)({color:D,opacity:J,themePresetsandProps:h}),ne=null==P||null===(n=P.marginandPadding)||void 0===n?void 0:n.marginGeneral,de=(null==ne||ne.marginGeneralChecked,null==ne||ne.marginExtended,null==P||null===(a=P.marginandPadding)||void 0===a?void 0:a.paddingGeneral),ae=(null==de||de.paddingGeneralChecked,null==de||de.paddingExtended,null==P||null===(s=P.transform)||void 0===s||null===(c=s.transformSize)||void 0===c?void 0:c.transformWidthType),ie=null==P||null===(C=P.transform)||void 0===C||null===(g=C.transformSize)||void 0===g?void 0:g.transformHeightType,se=null==P||null===(m=P.transform)||void 0===m||null===(f=m.transformSize)||void 0===f?void 0:f.transformWidthValue,pe=null==P||null===(x=P.transform)||void 0===x||null===(y=x.transformSize)||void 0===y?void 0:y.transformHeightValue,ce=(0,r.A)((0,r.A)({zIndex:L,position:"relative",display:"block",visibility:null!=j&&j.hidden?"hidden":"visible",borderRadius:B?T?"".concat(Y,"px ").concat(G,"px ").concat(N,"px ").concat(E,"px"):"".concat(F,"px"):"0px",boxShadow:"".concat(H,"px ").concat(O,"px ").concat(Z,"px ").concat(q,"px ").concat(le),margin:"0px",padding:"0px",width:"".concat(se,"Fixed"===ae?"px":"%"),height:"".concat(pe,"Fixed"===ie?"px":"%"),background:K},null==R?void 0:R.border),v),ue=null==P||null===(b=P.transform)||void 0===b||null===(w=b.transformAlignToParent)||void 0===w?void 0:w.transformAlignToParentPositionValue;"topLeft"===ue?(ce.alignItem="start",ce.justifyContent="left"):"topCenter"===ue?(ce.alignItem="start",ce.justifyContent="center"):"topRight"===ue?(ce.alignItem="start",ce.justifyContent="right"):"centerLeft"===ue?(ce.alignItem="center",ce.justifyContent="left"):"center"===ue?(ce.alignItems="center",ce.justifyContent="center"):"centerRight"===ue?(ce.alignItems="center",ce.justifyContent="right"):"bottomLeft"===ue?(ce.alignItems="end",ce.justifyContent="left"):"bottomCenter"===ue?(ce.alignItems="end",ce.justifyContent="center"):"bottomRight"===ue&&(ce.alignItems="end",ce.justifyContent="right");const ve=A({propCode:"shapevariant"});let he="";try{var Ce,ge,me;he=-1!==ve&&void 0!==ve?null!==(Ce=S[ve])&&void 0!==Ce&&Ce.propValue?JSON.parse(null===(ge=S[ve])||void 0===ge?void 0:ge.propValue):(null===(me=S[ve])||void 0===me?void 0:me.propValue)||"":""}catch(e){}const fe="drop-shadow(".concat(H,"px ").concat(O,"px ").concat(Z,"px ").concat(le,")");"".concat(H,"px ").concat(O,"px ").concat(Z,"px ").concat(q,"px ").concat(le);let xe=k;if(k){var ye,be,ke,we,Pe,je,Ie,Se;if(null!==(ye=xe)&&void 0!==ye&&ye.includes("<path"))xe=xe.replace(/<path /g,'<path fill="'.concat(K,'" ')),null!=R&&null!==(Pe=R.border)&&void 0!==Pe&&null!==(je=Pe.border)&&void 0!==je&&je.includes("dotted")?xe=xe.replace(/<path /g,'<path stroke-dasharray="1,1" '):null!=R&&null!==(Ie=R.border)&&void 0!==Ie&&null!==(Se=Ie.border)&&void 0!==Se&&Se.includes("dashed")&&(xe=xe.replace(/<path /g,'<path stroke-dasharray="2,2" '));else if(null!==(be=xe)&&void 0!==be&&be.includes("<circle")){var Ae,Ve,Re,We;xe=xe.replace(/<circle /g,'<circle fill="'.concat(K,'"  ')),null!=R&&null!==(Ae=R.border)&&void 0!==Ae&&null!==(Ve=Ae.border)&&void 0!==Ve&&Ve.includes("dotted")?xe=xe.replace(/<circle /g,'<circle stroke-dasharray="1,1" '):null!=R&&null!==(Re=R.border)&&void 0!==Re&&null!==(We=Re.border)&&void 0!==We&&We.includes("dashed")&&(xe=xe.replace(/<circle /g,'<circle stroke-dasharray="2,2" '))}xe=xe.replace(/width="([^"]+)"/,'width="100%"'),xe=xe.replace(/height="([^"]+)"/,'height="100%"'),xe=xe.replace("<svg ",'<svg preserveAspectRatio="none" '),xe=xe.replace(/stroke="([^"]+)"/,'stroke="'.concat(re,'"')),xe=null!=R&&null!==(ke=R.border)&&void 0!==ke&&null!==(we=ke.border)&&void 0!==we&&we.includes("none")?xe.replace(/stroke-width="([^"]+)"/,'stroke-width="0"'):xe.replace(/stroke-width="([^"]+)"/,'stroke-width="'.concat(ee,'"'))}return I="data:image/svg+xml;base64,".concat(btoa(xe)),(0,p.jsx)("div",{className:"shapeWidget",id:null==j?void 0:j.widgetHtmlId,children:(()=>{var e;if(I)return(0,p.jsx)("div",{className:"shapeWidget",children:null!==(e=I)&&void 0!==e&&e.includes("data:image/svg+xml;base64,dW5kZWZpbmVk")?(0,p.jsx)(d.A,{src:"/images/square.svg",style:(0,r.A)({filter:fe},v)}):(0,p.jsx)(d.A,{src:I,style:(0,r.A)({filter:fe},v)})})})()})})():(0,p.jsx)(p.Fragment,{})})}))}}]);