https://app.authic.io/_next/static/chunks/pages/app-settings/contact-buttons-0476ec2588c5945a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1252],{2453:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app-settings/contact-buttons",function(){return r(9727)}])},88601:function(e,t,r){"use strict";var n=r(85893),a=r(93967),o=r.n(a);r(67294),t.Z=e=>{let{buttonType:t="primary",buttonProps:r,children:a}=e,{className:s,...l}=r||{};return(0,n.jsx)("button",{...l,className:o()("transition-all duration-300 flex items-center gap-x-2 justify-center px-[18px]",{primary:"border border-transparent bg-successButton hover:bg-successPrimary text-white rounded-xl py-[10px] font-semibold text-balance shadow-xs disabled:bg-disabled disabled:cursor-not-allowed disabled:border-componentBg disabled:text-grayWarm400",secondary:"border border-borderPrimary bg-ButtonSecondary text-textSecondary rounded-xl py-[10px] font-semibold text-balance disabled:cursor-not-allowed disabled:text-grayWarm400",danger:"border border-errorPrimary bg-errorPrimary hover:bg-errorHover text-white rounded-xl py-[10px] font-semibold text-balance disabled:bg-disabled disabled:cursor-not-allowed disabled:border-componentBg disabled:text-grayWarm400",success:"border border-successButton bg-successButton text-white rounded-xl py-[10px] font-semibold text-balance disabled:bg-disabled disabled:cursor-not-allowed disabled:border-componentBg disabled:text-grayWarm400",transparent:"border border-transparent bg-transparent text-textSecondary rounded-xl py-[10px] font-semibold text-balance disabled:cursor-not-allowed disabled:text-grayWarm400",white:"border border-borderPrimary bg-[#FFFFFF] text-textSecondary rounded-xl py-[10px] font-semibold text-balance disabled:cursor-not-allowed disabled:text-grayWarm400"}[t],{[s]:s}),children:a})}},15159:function(e,t,r){"use strict";r.d(t,{p:function(){return d}});var n=r(85893),a=r(67294),o=r(55651),s=r(49460),l=r(56004),i=r(22604);r(41552);let c=e=>e.replace(/[^0-9a-fA-F]/g,"").slice(0,8),u=e=>"#".concat(c(e)),d=e=>{let{name:t,value:r,onChange:d,onClose:h,disabled:x,formLabel:f,isRequired:m}=e,p=(0,a.useRef)(null),[v,g]=(0,a.useState)(!1);(0,s.t$)(p,()=>{v||h()});let b=async()=>{if(!x&&"function"==typeof window.EyeDropper){g(!0);try{let e=await new window.EyeDropper().open();d(u(e.sRGBHex))}catch(e){}finally{g(!1)}}};return(0,n.jsx)("div",{className:"absolute z-10 mt-2 w-[200px]",ref:p,children:(0,n.jsxs)("div",{className:"relative flex w-full flex-col gap-y-1",children:[f?(0,n.jsx)(l.A,{labelText:f,isRequired:m}):null,(0,n.jsx)(o.L_,{color:r,onChange:x?()=>{}:e=>d(u(e)),style:{width:"100%"}}),(0,n.jsxs)("div",{className:"mt-1 flex h-10 w-full min-w-0 items-stretch overflow-hidden rounded-md border border-[#D3D5DA] bg-white",children:[(0,n.jsx)("button",{type:"button","aria-label":"Pick color from screen",disabled:x||v,onClick:()=>void b(),className:"flex w-10 shrink-0 items-center justify-center border-r border-[#D3D5DA] text-[#595959] transition-colors hover:bg-[#F5F5F5] disabled:cursor-not-allowed disabled:opacity-50",children:(0,n.jsx)(i.Z,{className:"size-5"})}),(0,n.jsxs)("div",{className:"flex min-w-0 flex-1 items-center px-3",children:[(0,n.jsx)("span",{className:"select-none text-[#595959]",children:"#"}),(0,n.jsx)("input",{type:"text",id:t,value:c(r),onChange:e=>!x&&d(u(e.target.value)),maxLength:8,spellCheck:!1,autoCapitalize:"none",autoCorrect:"off",className:"w-0 min-w-0 flex-1 border-0 bg-transparent py-0 pl-1 pr-0 uppercase outline-none focus:ring-0",disabled:x})]})]})]})})};t.Z=e=>{let{name:t,formLabel:r,value:o,onChange:s,isRequired:i,disabled:c}=e,[u,h]=(0,a.useState)(!1);return(0,n.jsxs)("div",{className:"flex flex-col gap-y-1",children:[r?(0,n.jsx)(l.A,{labelText:r,isRequired:i}):null,(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("div",{className:"flex w-fit items-center space-x-4 ".concat(c?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:()=>{c||h(!u)},children:(0,n.jsx)("div",{className:"h-10 w-10 rounded border",style:{backgroundColor:o}})}),u&&!c&&(0,n.jsx)(d,{name:t,value:o,onChange:s,onClose:()=>h(!1),disabled:c})]})]})}},22604:function(e,t,r){"use strict";var n=r(85893);r(67294),t.Z=function(e){return(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",...e,children:[(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M11.196 5.833L5.966 11.063M14.167 8.804l-2.26 2.26-4.913 4.913c-.752.752-1.127 1.127-1.605 1.325-.478.198-1.01.198-2.072.198H2.5v-.817c0-1.063 0-1.594.198-2.072.198-.478.573-.853 1.325-1.605l1.943-1.943M5.966 11.063h5.941"}),(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M16.005 6.99l1.342 1.343M16.005 6.99l.717-.718c.244-.244.366-.366.451-.485a1.66

17 1.667 0 000-1.94c-.085-.118-.207-.24-.45-.484-.244-.244-.366-.366-.485-.451a1.667 1.667 0 00-1.94 0c-.119.085-.241.207-.485.45l-.718.72M11.664 2.65l1.343 1.343 2.998 2.998"})]})}},80883:function(e,t,r){"use strict";var n=r(85893);t.Z=function(e){return(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",...e,children:[(0,n.jsx)("g",{clipPath:"url(#clip0_6610_2561)",children:(0,n.jsx)("path",{stroke:"#344054",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.667",d:"M9.167 3.333h-3.5c-1.4 0-2.1 0-2.635.273a2.5 2.5 0 00-1.093 1.092c-.272.535-.272 1.235-.272 2.635v7c0 1.4 0 2.1.272 2.635a2.5 2.5 0 001.093 1.093c.535.272 1.235.272 2.635.272h7c1.4 0 2.1 0 2.635-.272a2.5 2.5 0 001.093-1.093c.272-.534.272-1.234.272-2.635v-3.5m-10 2.5h1.395c.408 0 .612 0 .804-.046.17-.04.332-.108.481-.2.169-.102.313-.246.601-.535l7.969-7.969a1.768 1.768 0 00-2.5-2.5l-7.969 7.97c-.288.288-.432.432-.535.6-.092.15-.16.312-.2.482-.046.191-.046.395-.046.803v1.395z"})}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"clip0_6610_2561",children:(0,n.jsx)("path",{fill:"#fff",d:"M0 0H20V20H0z"})})})]})}},94824:function(e,t,r){"use strict";var n=r(85893);r(67294),t.Z=function(e){return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 21 20",...e,children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.667",d:"M10.5 6.667v6.666M7.167 10h6.666m5 0a8.333 8.333 0 11-16.667 0 8.333 8.333 0 0116.667 0z"})})}},65241:function(e,t,r){"use strict";var n=r(85893);r(67294),t.Z=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e,children:(0,n.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 21.474A9.474 9.474 0 0 0 21.474 12a9.474 9.474 0 1 0-18.948 0A9.474 9.474 0 0 0 12 21.474m3.796-16.578q.196.283.37.586c.514.893.92 1.95 1.189 3.116q.554.145 1.045.318c.45.16.87.34 1.243.542a8.08 8.08 0 0 0-3.847-4.562m4.013 9.08c-.414.24-.89.451-1.41.634q-.443.157-.938.29c-.263 1.365-.708 2.599-1.295 3.618a8 8 0 0 1-.37.586 8.07 8.07 0 0 0 4.013-5.129M8.204 19.103a8 8 0 0 1-.37-.586c-.587-1.02-1.032-2.253-1.295-3.618q-.495-.133-.939-.29a8.4 8.4 0 0 1-1.408-.635 8.07 8.07 0 0 0 4.012 5.129M4.357 9.458A9 9 0 0 1 5.6 8.916q.492-.173 1.046-.318c.269-1.166.674-2.223 1.188-3.116q.175-.303.37-.586a8.08 8.08 0 0 0-3.847 4.562m10.578-3.266c.345.599.64 1.3.867 2.08-.958-.159-2-.258-3.091-.289V4.11c.792.259 1.572.95 2.224 2.082m1.202 3.584a21 21 0 0 0-3.426-.37v4.715a21 21 0 0 0 3.495-.385q.104-.838.105-1.736c0-.774-.061-1.52-.174-2.224M11.29 4.11v3.873c-1.091.03-2.133.13-3.091.288.227-.779.521-1.48.866-2.08.652-1.131 1.433-1.822 2.225-2.08m0 5.295a21 21 0 0 0-3.427.371 14.3 14.3 0 0 0-.069 3.96c1.034.21 2.22.348 3.496.385zm-5.216.851q.147-.053.302-.102a15.7 15.7 0 0 0-.05 3.202q-.129-.042-.252-.086c-.745-.263-1.297-.56-1.65-.854-.356-.297-.43-.521-.43-.653 0-.131.074-.355.43-.653.353-.294.905-.591 1.65-.854m2.991 7.552c-.417-.723-.76-1.596-.999-2.575.994.17 2.082.278 3.223.31v4.347c-.791-.259-1.572-.95-2.224-2.082m3.646 2.082v-4.347a23 23 0 0 0 3.223-.31c-.24.979-.582 1.852-1 2.575-.651 1.132-1.431 1.823-2.223 2.082M17.73 12q0 .69-.057 1.356.129-.042.252-.086c.745-.263 1.297-.56 1.65-.854.356-.297.43-.521.43-.653 0-.131-.074-.355-.43-.653-.353-.294-.905-.591-1.65-.854a10 10 0 0 0-.302-.102q.107.9.108 1.846",clipRule:"evenodd"})})},30558:function(e,t,r){"use strict";var n=r(85893),a=r(93967),o=r.n(a);r(67294),t.Z=function(e){let{className:t,...r}=e;return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",className:o()("inline-block",t),viewBox:"0 0 21 21",...r,children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.667",d:"M13.833 5.5v-.666c0-.934 0-1.4-.181-1.757a1.667 1.667 0 00-.729-.728c-.356-.182-.823-.182-1.756-.

1182H9.833c-.933 0-1.4 0-1.756.182-.314.16-.569.414-.729.728-.181.357-.181.823-.181 1.757V5.5M3 5.5h15m-1.667 0v9.334c0 1.4 0 2.1-.272 2.635a2.5 2.5 0 01-1.093 1.092c-.534.273-1.235.273-2.635.273H8.667c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 01-1.093-1.092c-.272-.535-.272-1.235-.272-2.635V5.5"})})}},31179:function(e,t,r){"use strict";var n=r(85893),a=r(93967),o=r.n(a),s=r(25675),l=r.n(s);t.Z=e=>{let{labelText:t,divProps:r,spanProps:a,checkBoxProps:s,isChecked:i}=e,c=null==r?void 0:r.className,u=null==a?void 0:a.className,d=(null==s?void 0:s.id)||"check-box";return(0,n.jsxs)("div",{...r,className:o()("flex items-center",c),children:[(0,n.jsx)("input",{...s,className:"hidden",id:d,checked:i,readOnly:!0}),(0,n.jsx)("label",{htmlFor:d,className:"w-4 h-4 cursor-pointer",onClick:e=>{var t;e.preventDefault(),null==s||null===(t=s.onChange)||void 0===t||t.call(s,{...e,target:{...e.target,checked:!i}})},children:i?(0,n.jsx)(l(),{src:"https://cdn.authic.io/static/perks-dashboard/checked.png",alt:"Checked",width:16,height:16,className:"hover:ring-offset-2 rounded-xs hover:ring-2 hover:ring-buttonPrimaryBg"}):(0,n.jsx)("span",{className:"block w-4 h-4 border border-borderPrimary rounded-xs hover:ring-offset-2 hover:ring-2 hover:ring-buttonPrimaryBg"})}),(0,n.jsx)("span",{...a,className:o()("ml-2 text-textSecondary font-medium text-textSm leading-textSm",u),children:t})]})}},15516:function(e,t,r){"use strict";var n=r(85893),a=r(93967),o=r.n(a),s=r(67294),l=r(72547),i=r(56004);let c=e=>"Must be at most ".concat(e," characters");t.Z=e=>{var t;let{prefix:r,textAreaProps:a,divProps:u,spanProps:d,labelText:h,inputDescription:x,innerContainerProps:f,errorText:m,tooltipText:p,tooltipSubText:v,tooltipDirection:g,isRequired:b=!1}=e,{invisibleLimit:y,...w}=null!=a?a:{},[j,N]=s.useState(!1),[C,k]=s.useState(w.maxLength||null),_=String(null!==(t=w.value)&&void 0!==t?t:""),E=null!=y&&_.length>y?c(y):void 0,D=m||E,P=w.className,F=null==u?void 0:u.className,L=null==d?void 0:d.className,M=null==f?void 0:f.className;return(0,n.jsxs)("div",{...u,className:o()("flex flex-col gap-y-1 w-full sm:max-w-[720px]",F),children:[(0,n.jsx)(i.A,{spanProps:d,spanClassName:L,labelText:h,isRequired:b,tooltipText:p,tooltipSubText:v,tooltipDirection:g}),(0,n.jsxs)("div",{...f,className:o()("w-full bg-bgPrimary border rounded-xl py-[9px] px-[14px] flex items-center gap-x-2",M,{"border-borderPrimary":!j,"border-[#85888E]":j,"border-errorPrimary":D}),children:[r,(0,n.jsx)("textarea",{...w,onChange:e=>{w.onChange&&w.onChange(e),w.maxLength&&k(w.maxLength-e.currentTarget.value.length)},onFocus:()=>N(!0),onBlur:()=>N(!1),autoComplete:"off",className:o()("w-full outline-none appearance-none placeholder:text-textPlaceHolder text-base resize-none h-full",P)})]}),D?(0,n.jsx)(l.Z,{children:D}):(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsx)("span",{className:"text-inputDescription text-sm",children:x}),w.maxLength&&(0,n.jsx)("span",{className:o()("text-inputDescription text-sm"),children:"".concat(C," characters left")})]})]})}},56328:function(e,t,r){"use strict";var n=r(85893);r(67294);var a=r(87536),o=r(31179),s=r(13103),l=r(41963),i=r(72547),c=r(19846),u=r(8016),d=r(44173);t.Z=e=>{var t;let{control:r,name:h,errorText:x,tooltipText:f,isRequired:m=!1}=e,{data:p,isLoading:v}=(0,s.UW)(),{data:g}=(0,u.a0)(),b=null==g?void 0:null===(t=g.tenantOptions)||void 0===t?void 0:t.isRCE,y=(null==p?void 0:p.flatMap(e=>{var t;return(null===(t=e.places)||void 0===t?void 0:t.map(e=>({id:e.id,name:e.name})))||[]}))||[];return v?(0,n.jsx)(l.Z,{className:"h-[100px]"}):(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)("div",{className:"flex flex-col gap-y-2 mb-[6px]",children:(0,n.jsxs)("div",{className:"flex items-center gap-1",children:[(0,n.jsxs)("span",{className:"text-textSecondary text-xs",children:[b?"Brand":"Locations",m&&(0,n.jsx)("span",{className:"text-greenAsterix",children:" *"})]}),f&&(0,n.jsx)(c.Z,{className:"w-4 h-4 justify-self-end",tooltipText:f,width:500,position:"right"})]})}),(0,n.jsxs)("div",{className:"flex flex-col gap-y-4",children:[(0,n.jsx)(a.Qr,{name:h,control:r,defaultValue:[],render:e=>{let{field:{value:t,onChange:r}}=e;return(0,n.jsxs)("div",{className:"grid md:grid-cols-3 gap-x-2 max-w-[700px] gap-y-3 ml-[2px]",children:[!b&&(0,n.jsx)(o.Z,{labelText:"Select all",isChecked:Array.isArray(t)&&y.length>0&&y.every(e=>e.id&&t.includes(e.id)),checkBoxProps:{id:"select-all",name:"select-all",type:"checkbox",onChange:e=>{e.target.checked?r(y.reduce((e,t)=>

1(t.id&&e.push(t.id),e),[])):r([])}}}),y.map(e=>e.id&&e.name?(0,n.jsx)(o.Z,{labelText:e.name,isChecked:!!Array.isArray(t)&&t.includes(e.id),checkBoxProps:{id:"place-".concat(e.id),name:"place-".concat(e.id),type:"checkbox",onChange:n=>{let a=Array.isArray(t)?t:[];if(n.target.checked){if(b&&a.length)return d.Am.error("You can select only one brand for a reward");r([...a,e.id])}else r(a.filter(t=>t!==e.id))}}},"".concat(e.name,"-").concat(e.id)):null)]})}}),x&&(0,n.jsx)(i.Z,{children:x})]})]})}},11334:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(85893),a=r(67294),o=r(56004),s=r(15516),l=r(88601),i=r(65241),c=e=>{let{onClick:t,isActive:r=!1,disabled:a=!1}=e;return(0,n.jsx)(l.Z,{buttonType:"secondary",buttonProps:{onClick:t,type:"button",className:"p-1 min-w-[40px] rounded-full aspect-square h-fit flex justify-center items-center ".concat(r?"!bg-greyWarm950 !text-white":""),disabled:a},children:(0,n.jsx)(i.Z,{className:"w-5 h-5 "})})},u=r(43342),d=r(87536),h=r(13114),x=r(34221),f=e=>{let{control:t,name:r,labelText:l,isTextArea:i=!1,maxLength:f,errorText:m,inputDescription:p,translationsName:v,disabled:g=!1,placeholder:b,containerClassName:y,isRequired:w=!1,toolTipText:j}=e,[N,C]=(0,a.useState)(!1),{data:k}=(0,u.ro)(),_=(k||[]).filter(e=>!e.isDisabled).filter(e=>!e.isDefault),E=i?s.Z:o.Z;return(0,n.jsxs)("div",{className:"flex flex-col gap-y-4 w-full ".concat(y),children:[(0,n.jsxs)("div",{className:"flex items-start gap-x-2 w-full",children:[(0,n.jsx)("div",{className:"flex-1 ".concat(i?"max-w-[720px]":"max-w-[320px]"," "),children:(0,n.jsx)(d.Qr,{name:r,control:t,render:e=>{let{field:t}=e;return(0,n.jsx)(E,{labelText:l,tooltipText:j,isRequired:w,errorText:m,inputDescription:p,...i?{innerContainerProps:{className:"h-[132px]"},textAreaProps:{maxLength:f,...t,disabled:g,placeholder:b}}:{inputProps:{maxLength:f,...t,disabled:g,placeholder:b}}})}})}),_.length>0&&(0,n.jsx)("div",{className:"mt-6",children:(0,n.jsx)(c,{onClick:()=>C(!N),isActive:N,disabled:g})})]}),(0,n.jsx)(h.M,{children:N&&_.length>0&&(0,n.jsx)(x.E.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.2,ease:"easeInOut"},className:"overflow-hidden",children:(0,n.jsx)("div",{className:"pl-4 border-l-2 border-borderPrimary flex flex-col gap-y-4 w-full",children:_.map((e,r)=>(0,n.jsx)(x.E.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.2,delay:.1*r},children:(0,n.jsx)(d.Qr,{name:"".concat(v,".").concat(e.code),control:t,render:t=>{let{field:r}=t;return(0,n.jsx)(E,{labelText:"".concat(l," (").concat(e.name,")"),tooltipText:j,...i?{innerContainerProps:{className:"h-[132px]"},textAreaProps:{maxLength:f,...r,disabled:g,placeholder:b}}:{inputProps:{maxLength:f,...r,disabled:g,placeholder:b}}})}})},e.uuid))})})})]})}},52731:function(e,t,r){"use strict";var n=r(85893),a=r(93967),o=r.n(a);r(67294),t.Z=e=>{let{children:t,containerProps:r}=e;return(0,n.jsx)("div",{...r,className:o()("bg-bgPrimary p-6 lg:p-8 lg:rounded-xl",null==r?void 0:r.className),children:t})}},9727:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return q}});var n=r(85893),a=r(86658),o=r(2834),s=r(56312),l=r(87536),i=r(88601),c=r(80883),u=r(30558),d=e=>{let{title:t,url:r,backgroundColor:a,color:o,onEdit:s,isLoadingDeleteButton:l,onDelete:i}=e;return(0,n.jsxs)("div",{className:"bg-bgPrimary p-5 rounded-[12px] flex justify-between items-start w-full max-w-md border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-200",children:[(0,n.jsx)("div",{className:"flex items-start gap-3",children:(0,n.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,n.jsx)("div",{className:"h-5 w-5 rounded",style:{backgroundColor:a}}),(0,n.jsx)("div",{className:"h-5 w-5 rounded flex items-center justify-center",style:{backgroundColor:a,color:o},children:(0,n.jsx)("span",{className:"text-xs font-bold",children:"T"})})]}),(0,n.jsx)("span",{className:"text-textTertiary text-xs font-medium uppercase tracking-wide",children:"CUSTOM BUTTON"}),(0,n.jsx)("span",{className:"text-xl font-semibold text-textPrimary",children:t}),(0,n.jsx)("span",{className:"text-textSecondary text-sm",children:r})]})}),(0,n.jsxs)("div",{className:"flex gap-x-2",children:[(0,n.jsx)("button",{onClick:s,className:"h-9 w-9 flex items-center justify-center rounded-full border border-gray-200 hover:bg-gray-50 transition-colors duration-200",children:(0,n.jsx)(c.Z,{width:16,height:16})}),(0,n.jsx)("button",{onClick:i,disabled:l,className:"flex w-9 h-9 border border-red-500 rounded-full items-center justify-center hover:bg-red-50 transition-colors duration-200",children:l?(0,n.jsx)("div",{className:"w-4 h-4 border-2 border-red-500 border-t-transparent roun

1ded-full animate-spin"}):(0,n.jsx)(u.Z,{width:16,height:16,className:"text-red-500"})})]})]})},h=r(66374),x=r(94824),f=r(41963),m=r(53483),p=r(30202),v=r(98029),g=r(78551),b=r(29204),y=r(44173);let w=async e=>{try{return(await m.x.post("/contact_page_buttons",{...e,icon:"1"})).data}catch(e){if(e instanceof b.d7){var t,r;y.Am.error((null===(r=e.response)||void 0===r?void 0:null===(t=r.data)||void 0===t?void 0:t.message)||"Failed to create contact page button")}else y.Am.error("Failed to create contact page button");throw e}},j=()=>{let e=(0,p.NL)();return(0,v.D)({mutationFn:w,onSuccess:()=>{e.invalidateQueries({queryKey:["contactPageButtons"]})}})},N=async e=>{try{return(await m.x.put("/contact_page_buttons/",e)).data}catch(e){if(e instanceof b.d7){var t,r;y.Am.error((null===(r=e.response)||void 0===r?void 0:null===(t=r.data)||void 0===t?void 0:t.message)||"Failed to update contact page button")}else y.Am.error("Failed to update contact page button");throw e}},C=()=>{let e=(0,p.NL)();return(0,v.D)({mutationFn:N,onSuccess:()=>{e.invalidateQueries({queryKey:["contactPageButtons"]})}})},k=async e=>(await m.x.delete("/contact_page_buttons/".concat(e))).data,_=()=>{let e=(0,p.NL)();return(0,v.D)({mutationFn:k,onSuccess:()=>{e.invalidateQueries({queryKey:["contactPageButtons"]})}})},E=async()=>(await m.x.get("/contact_page_buttons")).data,D=()=>(0,g.a)({queryKey:["contactPageButtons"],queryFn:E});var P=r(43342),F=r(67294),L=r(15159),M=r(56328),T=r(11334),S=r(52731),Z=function(e){var t,r,a;let{setShowForm:o,onSubmit:s,mode:c,isLoading:u}=e,{control:d,handleSubmit:x,formState:{errors:f}}=(0,l.Gc)();return(0,n.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,n.jsx)(h.Z,{title:"edit"===c?"Edit contact button":"Create contact button",prevRoutes:[{title:"App settings"},{title:"Contact buttons",onClick:()=>o(!1)}]}),(0,n.jsxs)(S.Z,{containerProps:{className:"p-6 shadow-xs rounded-xl border border-dropZoneBorder"},children:[(0,n.jsx)("form",{className:"grid grid-cols-10 gap-6",children:(0,n.jsxs)("div",{className:"col-span-10 lg:col-span-6 flex flex-col gap-y-4",children:[(0,n.jsx)(T.Z,{control:d,name:"title",labelText:"Title",maxLength:64,errorText:null===(t=f.title)||void 0===t?void 0:t.message,translationsName:"buttonTitleTranslations"}),(0,n.jsx)(T.Z,{control:d,name:"url",labelText:"URL",maxLength:100,errorText:null===(r=f.url)||void 0===r?void 0:r.message,translationsName:"buttonURLTranslations"}),(0,n.jsx)(l.Qr,{name:"backgroundColor",control:d,render:e=>{let{field:{value:t,onChange:r}}=e;return(0,n.jsx)(L.Z,{value:t,onChange:r,name:"backgroundColor",formLabel:"Background Color*"})}}),(0,n.jsx)(l.Qr,{name:"color",control:d,render:e=>{let{field:{value:t,onChange:r}}=e;return(0,n.jsx)(L.Z,{value:t,onChange:r,name:"color",formLabel:"Text Color*"})}}),(0,n.jsx)(M.Z,{control:d,name:"placeIDs",errorText:null===(a=f.placeIDs)||void 0===a?void 0:a.message})]})}),(0,n.jsx)("div",{className:"border-b my-8"}),(0,n.jsxs)("div",{className:"flex justify-between w-full col-span-10",children:[(0,n.jsx)(i.Z,{buttonType:"secondary",buttonProps:{className:"px-5 bg-white",onClick:()=>o(!1)},children:"Cancel"}),(0,n.jsx)(i.Z,{buttonProps:{type:"button",disabled:u,className:"px-5",onClick:x(e=>s({...e,mode:c}))},children:"create"===c?"Create":"Update"})]})]})]})},A=()=>{let[e,t]=(0,F.useState)(!1),[r,a]=(0,F.useState)(!1),o=(0,F.useRef)(null),s=(0,l.Gc)(),{data:c}=(0,P.ro)(),u=(c||[]).filter(e=>!e.isDisabled),{data:m,isLoading:p}=D(),{mutateAsync:v,isPending:g}=j(),{mutateAsync:b,isPending:y}=_(),{mutateAsync:w,isPending:N}=C(),k=async e=>{var t,r;let n=null===(t=u.find(e=>e.isDefault))||void 0===t?void 0:t.code,o=[];if(e.buttonTitleTranslations&&e.buttonURLTranslations){let t=Array.from(new Set([...Object.keys(e.buttonTitleTranslations||{}),...Object.keys(e.buttonURLTranslations||{})]));o.push(...t.map(t=>{var r,a;let o=u.find(e=>e.code===t);if(o&&o.code!==n){if(!(null===(r=e.buttonTitleTranslations)||void 0===r?void 0:r[t])||!(null===(a=e.buttonURLTranslations)||void 0===a?void 0:a[t]))return;return{title:e.buttonTitleTranslations[t],url:e.buttonURLTranslations[t],languageId:o.id}}}).filter(e=>void 0!==e))}o.push({title:e.title,url:e.url,languageId:(null===(r=u.find(e=>e.code===n))||void 0===r?void 0:r.id)||0}),"create"===e.mode?await v({backgroundColor:e.backgroundColor,color:e.color,placeIds:e.placeIDs,translations:o}):await w({backgroundColor:e.backgroundColor,color:e.color,placeIds:e.placeIDs,translations:o,groupUUID:e.groupUUID}),a(!1),s.reset({mode:"create",backgroundColor:"#000000",color:"#FFFFFF",placeIDs:[],title:"",url:""})};return(0,n.jsxs)(n.Fragment,{children:[!r&&(0,n.jsxs)(n.Fragment,{children:[" ",(0,n.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row justify-between mb-6",children:[(0,n.jsx)(h.Z,{title:"Contact buttons",prevRoutes:[{title:"Ap

1p settings"}],tooltip:"Create & add up to 10 for your loyal customers."}),(0,n.jsx)(i.Z,{buttonProps:{className:"px-4 self-start",onClick:()=>{t(!1),a(e=>!e),s.reset({mode:"create",backgroundColor:"#000000",color:"#FFFFFF",placeIDs:[],title:"",url:""}),setTimeout(()=>{var e;null===(e=o.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},500)}},children:(0,n.jsx)("span",{className:"flex flex-row px-4 items-center gap-x-[6px]",children:"Add new"})})]}),p?(0,n.jsx)(f.Z,{className:"h-[200px] w-full bg-bgDisabled"}):m&&m.length>0?(0,n.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 my-4",children:m.map(e=>{var r;let o=null===(r=e.translations)||void 0===r?void 0:r.find(e=>e.language.isDefault),l=e.buttons[0],i=e.buttons.map(e=>e.placeId);return(0,n.jsx)(d,{title:(null==o?void 0:o.title)||"",url:(null==o?void 0:o.url)||"",backgroundColor:null==l?void 0:l.backgroundColor,color:null==l?void 0:l.color,onEdit:()=>{var r,n;t(!0),a(!0),s.reset({mode:"edit",backgroundColor:null==l?void 0:l.backgroundColor,color:null==l?void 0:l.color,placeIDs:i,title:(null==o?void 0:o.title)||"",url:(null==o?void 0:o.url)||"",groupUUID:e.uuid||"",buttonTitleTranslations:null===(r=e.translations)||void 0===r?void 0:r.reduce((e,t)=>({...e,[t.language.code]:t.title}),{}),buttonURLTranslations:null===(n=e.translations)||void 0===n?void 0:n.reduce((e,t)=>({...e,[t.language.code]:t.url}),{})})},onDelete:()=>{b(e.uuid||"")},isLoadingDeleteButton:y},e.uuid)})}):(0,n.jsxs)("div",{className:"flex flex-col items-start justify-start py-12 px-6 border border-dashed border-gray-200 rounded-xl  bg-gray-50 mb-4",children:[(0,n.jsx)("div",{className:"bg-white p-3 rounded-full shadow-sm mb-3",children:(0,n.jsx)(x.Z,{width:24,height:24,className:"text-primary"})}),(0,n.jsx)("h3",{className:"text-lg font-medium text-textPrimary mb-2",children:"No contact buttons yet"}),(0,n.jsx)("p",{className:"text-textSecondary mb-6",children:"Create custom contact buttons to display on your contact page for your customers."}),(0,n.jsx)(i.Z,{buttonProps:{onClick:()=>{a(!0),s.reset({mode:"create",backgroundColor:"#000000",color:"#FFFFFF",placeIDs:[],title:"",url:""})}},children:(0,n.jsx)("span",{className:"flex flex-row px-4 items-center gap-x-[6px]",children:"Add your first button"})})]})]}),r&&(0,n.jsx)(Z,{setShowForm:a,onSubmit:k,mode:e?"edit":"create",isLoading:g||N})]})},R=r(2962),I=r(87089);let B=()=>{let e=(0,l.cI)({resolver:(0,s.F)(o.JX),defaultValues:{mode:"create",backgroundColor:"#000000",color:"#FFFFFF",placeIDs:[],title:"",url:""}});return(0,n.jsxs)("div",{className:"flex flex-col gap-y-6",children:[(0,n.jsx)(R.PB,{title:"Contact Buttons | Authic"}),(0,n.jsx)(l.RV,{...e,children:(0,n.jsx)(A,{})})]})};B.getLayout=e=>(0,n.jsx)(a.Z,{className:"!py-0",children:(0,n.jsx)(I.Z,{children:e})});var q=B},43342:function(e,t,r){"use strict";r.d(t,{I:function(){return f},MR:function(){return h},lF:function(){return u},ro:function(){return i}});var n=r(53483),a=r(78551),o=r(30202),s=r(98029);let l=async()=>(await n.x.get("/languages")).data,i=()=>(0,a.a)({queryKey:["languages"],queryFn:l}),c=async e=>{let{languageUUID:t,isDisabled:r}=e;return(await n.x.patch("/languages/".concat(t),{isDisabled:r})).data},u=()=>{let e=(0,o.NL)();return(0,s.D)({onSuccess:()=>{e.invalidateQueries({queryKey:["languages"]})},mutationFn:c,mutationKey:["changeLanguageStatus"]})},d=async e=>{let{languageId:t}=e;return(await n.x.patch("/languages/default/",{languageId:t})).data},h=()=>{let e=(0,o.NL)();return(0,s.D)({onSuccess:()=>{e.invalidateQueries({queryKey:["languages"]})},mutationFn:d,mutationKey:["setDefaultLanguage"]})},x=async e=>{let{defaultLanguageId:t,additionalLanguageIds:r}=e;return(await n.x.patch("/languages/bulk",{defaultLanguageId:t,additionalLanguageIds:r})).data},f=()=>{let e=(0,o.NL)();return(0,s.D)({onSuccess:()=>{e.invalidateQueries({queryKey:["languages"]})},mutationFn:x,mutationKey:["bulkUpdateLanguages"]})}},41552:function(e,t,r){"use strict";var n=r(80363);let a="[EyeDropper]",o={canvasError:a+" Error getting canvas",color:a+" Cannot get color"};function s(e){if("number"!=typeof e||Number.isNaN(e))throw Error();return e+"px"}let l={value:!1};class i{colorSelectionResult;previousDocumentCursor;canvas;canvasCtx;resolve;lastPoint;magnification={size:4,scale:12};constructor(){this.onMouseMove=this.onMouseMove.bind(this),this.onClick=this.onClick.bind(this)}async open(e={}){return l.value?Promise.reject(new DOMException("Invalid state","InvalidStateError")):new Promise((t,r)=>{if(e.signal){if(e.signal.aborted)return this.stop(),r(e.signal.reason||new DOMException("Aborted","AbortError"));e.signal.addEventListener("abort",()=>{this.stop(),e.signal&&r(e.signal.reason||new DOMException("Aborted","AbortError"))})}this.resolve=t,this.start()})}async start(){document.body.style.overflow="hidden",this.setWaitingCursor(

1),await this.createScreenshot(),this.revertWaitingCursor(),this.bindEvents()}stop(){document.body.style.overflow="",this.unbindEvents(),this.removeScreenshot(),this.colorSelectionResult=void 0,this.lastPoint=void 0,l.value=!1}async createScreenshot(){this.canvas=await (0,n.ZP)(document.body,{allowTaint:!0,useCORS:!0,height:document.body.scrollHeight,width:document.body.scrollWidth}),this.addCanvasStyle(this.canvas),this.canvasCtx=this.canvas.getContext("2d",{willReadFrequently:!0}),document.body.appendChild(this.canvas)}removeScreenshot(){if(!this.canvas)throw Error(o.canvasError);document.body.removeChild(this.canvas),this.canvas=void 0,this.canvasCtx=void 0}setWaitingCursor(){this.previousDocumentCursor=document.documentElement.style.cursor,document.documentElement.style.cursor="wait"}revertWaitingCursor(){this.previousDocumentCursor?document.documentElement.style.cursor=this.previousDocumentCursor:document.documentElement.style.cursor="",this.previousDocumentCursor=void 0}bindEvents(){window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("click",this.onClick)}unbindEvents(){window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("click",this.onClick)}onClick(){if(!this.lastPoint)throw Error(o.color);this.detectColor(this.lastPoint);var e=this.colorSelectionResult;this.stop(),e&&this.resolve&&this.resolve(e)}onMouseMove(e){if(!this.canvas||!this.canvasCtx)throw Error(o.canvasError);var t=window.devicePixelRatio,e=(this.lastPoint={x:(e.clientX+window.scrollX)*t,y:(e.clientY+window.scrollY)*t},[s(this.lastPoint.x/t),s(this.lastPoint.y/t)].join(" "));Object.assign(this.canvas.style,{opacity:1,transformOrigin:e,clipPath:`circle(${s(this.magnification.size)} at ${e})`})}detectColor(e){if(!this.canvasCtx)throw Error(o.canvasError);e=(16777216+((e=this.canvasCtx.getImageData(e.x,e.y,1,1).data)[0]<<16)+(e[1]<<8)+e[2]).toString(16).slice(1),this.colorSelectionResult={sRGBHex:"#"+e}}addCanvasStyle(e){Object.assign(e.style,{position:"fixed",top:"0px",marginTop:-window.scrollY+"px",left:"0px",zIndex:999999,opacity:0,transform:`scale(${this.magnification.scale})`,imageRendering:"pixelated"})}}typeof window>"u"||"EyeDropper"in window||function(){if(!Reflect.defineProperty(window,"EyeDropper",{value:i}))throw Error("Error attaching `EyeDropper` polyfill: couldn't attach `EyeDropper` to `window`")}()},55651:function(e,t,r){"use strict";r.d(t,{L_:function(){return S}});var n=r(67294);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}function s(e){var t=(0,n.useRef)(e),r=(0,n.useRef)(function(e){t.current&&t.current(e)});return t.current=e,r.current}var l,i=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=1),e>r?r:e<t?t:e},c=function(e){return"touches"in e},u=function(e){return e&&e.ownerDocument.defaultView||self},d=function(e,t,r){var n=e.getBoundingClientRect(),a=c(t)?function(e,t){for(var r=0;r<e.length;r++)if(e[r].identifier===t)return e[r];return e[0]}(t.touches,r):t;return{left:i((a.pageX-(n.left+u(e).pageXOffset))/n.width),top:i((a.pageY-(n.top+u(e).pageYOffset))/n.height)}},h=function(e){c(e)||e.preventDefault()},x=n.memo(function(e){var t=e.onMove,r=e.onKey,l=o(e,["onMove","onKey"]),i=(0,n.useRef)(null),x=s(t),f=s(r),m=(0,n.useRef)(null),p=(0,n.useRef)(!1),v=(0,n.useMemo)(function(){var e=function(e){h(e),(c(e)?e.touches.length>0:e.buttons>0)&&i.current?x(d(i.current,e,m.current)):r(!1)},t=function(){return r(!1)};function r(r){var n=p.current,a=u(i.current),o=r?a.addEventListener:a.removeEventListener;o(n?"touchmove":"mousemove",e),o(n?"touchend":"mouseup",t)}return[function(e){var t=e.nativeEvent,n=i.current;if(n&&(h(t),(!p.current||c(t))&&n)){if(c(t)){p.current=!0;var a=t.changedTouches||[];a.length&&(m.current=a[0].identifier)}n.focus(),x(d(n,t,m.current)),r(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),f({left:39===t?.05:37===t?-.05:0,top:40===t?.05:38===t?-.05:0}))},r]},[f,x]),g=v[0],b=v[1],y=v[2];return(0,n.useEffect)(function(){return y},[y]),n.createElement("div",a({},l,{onTouchStart:g,onMouseDown:g,className:"react-colorful__interactive",ref:i,onKeyDown:b,tabIndex:0,role:"slider"}))}),f=function(e){return e.filter(Boolean).join(" ")},m=function(e){var t=e.color,r=e.left,a=e.top,o=f(["react-colorful__pointer",e.className]);

1return n.createElement("div",{className:o,style:{top:100*(void 0===a?.5:a)+"%",left:100*r+"%"}},n.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},p=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=Math.pow(10,t)),Math.round(r*e)/r},v=function(e){return"#"===e[0]&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?p(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?p(parseInt(e.substring(6,8),16)/255,2):1}},g=function(e){var t=e.s,r=e.v,n=e.a,a=(200-t)*r/100;return{h:p(e.h),s:p(a>0&&a<200?t*r/100/(a<=100?a:200-a)*100:0),l:p(a/2),a:p(n,2)}},b=function(e){var t=g(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},y=function(e){var t=g(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},w=function(e){var t=e.h,r=e.s,n=e.v,a=e.a;t=t/360*6,r/=100,n/=100;var o=Math.floor(t),s=n*(1-r),l=n*(1-(t-o)*r),i=n*(1-(1-t+o)*r),c=o%6;return{r:p(255*[n,l,s,s,i,n][c]),g:p(255*[i,n,n,l,s,s][c]),b:p(255*[s,s,i,n,n,l][c]),a:p(a,2)}},j=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},N=function(e){var t=e.r,r=e.g,n=e.b,a=e.a,o=a<1?j(p(255*a)):"";return"#"+j(t)+j(r)+j(n)+o},C=function(e){var t=e.r,r=e.g,n=e.b,a=e.a,o=Math.max(t,r,n),s=o-Math.min(t,r,n),l=s?o===t?(r-n)/s:o===r?2+(n-t)/s:4+(t-r)/s:0;return{h:p(60*(l<0?l+6:l)),s:p(o?s/o*100:0),v:p(o/255*100),a:a}},k=n.memo(function(e){var t=e.hue,r=e.onChange,a=f(["react-colorful__hue",e.className]);return n.createElement("div",{className:a},n.createElement(x,{onMove:function(e){r({h:360*e.left})},onKey:function(e){r({h:i(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuenow":p(t),"aria-valuemax":"360","aria-valuemin":"0"},n.createElement(m,{className:"react-colorful__hue-pointer",left:t/360,color:b({h:t,s:100,v:100,a:1})})))}),_=n.memo(function(e){var t=e.hsva,r=e.onChange,a={backgroundColor:b({h:t.h,s:100,v:100,a:1})};return n.createElement("div",{className:"react-colorful__saturation",style:a},n.createElement(x,{onMove:function(e){r({s:100*e.left,v:100-100*e.top})},onKey:function(e){r({s:i(t.s+100*e.left,0,100),v:i(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+p(t.s)+"%, Brightness "+p(t.v)+"%"},n.createElement(m,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:b(t)})))}),E=function(e,t){if(e===t)return!0;for(var r in e)if(e[r]!==t[r])return!1;return!0},D="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,P=new Map,F=function(e){D(function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!P.has(t)){var n=t.createElement("style");n.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',P.set(t,n);var a=l||r.nc;a&&n.setAttribute("nonce",a),t.head.appendChild(n)}},[])},L=function(e){var t=e.className,r=e.hsva,a=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},r,{a:0}))+", "+y(Object.assign({},r,{a:1}))+")"},s=f(["react-colorful__alpha",t]),l=p(100*r.a);return n.createElement("div",{className:s},n.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),n.createElement(x,{onMove:function(e){a({a:e.left})},onKey:function(e){a({a:i(r.a+e.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"

10","aria-valuemax":"100"},n.createElement(m,{className:"react-colorful__alpha-pointer",left:r.a,color:y(r)})))},M=function(e){var t,r,l,i,c,u=e.className,d=e.colorModel,h=e.color,x=void 0===h?d.defaultColor:h,m=e.onChange,p=o(e,["className","colorModel","color","onChange"]),v=(0,n.useRef)(null);F(v);var g=(t=s(m),l=(r=(0,n.useState)(function(){return d.toHsva(x)}))[0],i=r[1],c=(0,n.useRef)({color:x,hsva:l}),(0,n.useEffect)(function(){if(!d.equal(x,c.current.color)){var e=d.toHsva(x);c.current={hsva:e,color:x},i(e)}},[x,d]),(0,n.useEffect)(function(){var e;E(l,c.current.hsva)||d.equal(e=d.fromHsva(l),c.current.color)||(c.current={hsva:l,color:e},t(e))},[l,d,t]),[l,(0,n.useCallback)(function(e){i(function(t){return Object.assign({},t,e)})},[])]),b=g[0],y=g[1],w=f(["react-colorful",u]);return n.createElement("div",a({},p,{ref:v,className:w}),n.createElement(_,{hsva:b,onChange:y}),n.createElement(k,{hue:b.h,onChange:y}),n.createElement(L,{hsva:b,onChange:y,className:"react-colorful__last-control"}))},T={defaultColor:"0001",toHsva:function(e){return C(v(e))},fromHsva:function(e){return N(w(e))},equal:function(e,t){return e.toLowerCase()===t.toLowerCase()||E(v(e),v(t))}},S=function(e){return n.createElement(M,a({},e,{colorModel:T}))}}},function(e){e.O(0,[9360,7536,3760,2597,8900,9460,6658,7089,2834,2888,9774,179],function(){return e(e.s=2453)}),_N_E=e.O()}]);