"use strict";(globalThis.webpackChunkpopup_builder_block=globalThis.webpackChunkpopup_builder_block||[]).push([[789],{8789:(e,o,l)=>{l.r(o),l.d(o,{default:()=>c});var n=l(7723),a=l(6087),t=l(7143),i=l(6427),r=l(5573),p=l(790);const s=(0,p.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(r.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),u=(0,p.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(r.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),b=(0,p.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(r.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),c=(0,a.memo)((({attributes:e,setAttributes:o,device:l,clientId:r})=>{const{GkitBoxShadow:c,GkitColor:d,GkitPanelBody:h,GkitResponsive:v,GkitSwitcher:x,GkitTabs:k,GkitTypography:m,GkitBackgrounGroup:_,GkitChoose:g,GkitAdvancedUrl:C,GkitRangeUnit:j,GkitText:w,GkitIconPicker:S,GkitBoxControl:B,GkitBorderControl:G,GkitSelect:y,GkitComplexSelectAsync:H}=window.popupBuilderBlock.components,{gkitResponsiveValue:I,useFontFamilyinBlock:f,responsiveHelper:P,boxControlUnit:T}=window.popupBuilderBlock.helpers;f([e?.typography]);const{clickEvents:A,stepOptions:F}=(0,a.useMemo)((()=>{let e=[{label:"None",value:"none"},{label:"Open URL",value:"openUrl"},{label:"Close Current Campaign",value:"closeCampaign"},{label:"Download File",value:"downloadFile"}],o=[];const l=(0,t.select)("core/block-editor").getBlockParentsByBlockName(r,"popup-builder-block/steps");if(l.length>0){const a=(0,t.select)("core/block-editor").getBlockAttributes(l[0]);o=a?.steps.map(((e,o)=>({label:e.title||"",value:o})))||[],e=[...e,{label:(0,n.__)("Go to a Step","popup-builder-block"),value:"step"}]}return{clickEvents:e,stepOptions:o}}),[r]);return(0,p.jsx)(k,{type:"top-level",tabs:[{name:"content",title:(0,n.__)("Content","popup-builder-block")},{name:"style",title:(0,n.__)("Style","popup-builder-block")}],children:a=>"content"===a.name?(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(h,{title:(0,n.__)("Content","popup-builder-block"),initialOpen:!0,children:[(0,p.jsx)(y,{label:(0,n.__)("Click Events","popup-builder-block"),value:e?.onClickAction,options:A,onChange:e=>{const l={onClickAction:e};if("closeCampaign"===e){const e=(0,t.select)("core/editor").getCurrentPostId();l.closeCampaign={value:e}}o(l)}}),("openUrl"===e?.onClickAction||"downloadFile"===e?.onClickAction)&&(0,p.jsx)(C,{isSupportDynamicContent:!1,value:e?.url,onChange:e=>o({url:e}),isSettingsDisable:"downloadFile"===e?.onClickAction}),"step"===e?.onClickAction&&(0,p.jsx)(y,{label:(0,n.__)("Select Step","popup-builder-block"),value:e?.step,onChange:e=>o({step:e}),options:F}),(0,p.jsx)(x,{label:(0,n.__)("Track Conversion","popup-builder-block"),value:e?.istrackConversion,onChange:e=>o({istrackConversion:e}),help:(0,n.__)("Enable to track conversions when the button is clicked.","popup-builder-block")}),(0,p.jsx)(i.__experimentalDivider,{}),(0,p.jsx)(x,{label:(0,n.__)("Add Icon","popup-builder-block"),value:e?.iconsSwitch,onChange:e=>o({iconsSwitch:e})}),e?.iconsSwitch&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(S,{apiPath:"pbb",label:(0,n.__)("Icon","popup-builder-block"),value:e.buttonIcon,onChange:e=>o({buttonIcon:e})}),(0,p.jsx)(y,{label:(0,n.__)("Button Position","popup-builder-block"),value:e.iconPosition,onChange:e=>o({iconPosition:e}),options:[{value:"before",label:"Before"},{value:"after",label:"After"}]}),(0,p.jsx)(j,{label:(0,n.__)("Between Space","popup-builder-block"),value:e.betweenSpace,onChange:e=>o({betweenSpace:e}),units:{px:{min:0,max:100,step:1},rem:{min:0,max:10,step:.1},em:{min:0,max:10,step:.1}}})]}),(0,p.jsx)(v,{children:(0,p.jsx)(g,{label:(0,n.__)("Alignment","popup-builder-block"),options:[{label:(0,n.__)("Left","popup-builder-block"),value:"left",icon:s},{label:(0,n.__)("Center","popup-builder-block"),value:"center",icon:u},{label:(0,n.__)("Right","popup-builder-block"),value:"right",icon:b}],value:I(e,"align",l),onChange:e=>P("align",e,l,o)})})]})}):"style"===a.name?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(h,{title:(0,n.__)("Button","popup-builder-block"),initialOpen:!0,children:[(0,p.jsx)(v,{children:(0,p.jsx)(j,{label:(0,n.__)("Width","popup-builder-block"),value:I(e,"width",l),onChange:e=>P("width",e,l,o),units:{px:{min:0,max:500,step:1},"%":{min:0,max:100,step:1}}})}),(0,p.jsx)(v,{children:(0,p.jsx)(B,{label:(0,n.__)("Padding","popup-builder-block"),values:I(e,"textPadding",l),onChange:e=>P("textPadding",e,l,o)})}),(0,p.jsx)(v,{children:(0,p.jsx)(B,{label:(0,n.__)("Margin","popup-builder-block"),values:I(e,"btnMargin",l),onChange:e=>P("btnMargin",e,l,o)})}),(0,p.jsx)(m,{label:(0,n.__)("Typography","popup-builder-block"),value:e?.typography,onChange:e=>o({typography:e})}),(0,p.jsx)(c,{label:(0,n.__)("Text Shadow","popup-builder-block"),value:e?.shadow,onChange:e=>o({shadow:e}),exclude:{spread:!0,position:!0}}),e?.iconsSwitch&&(0,p.jsx)(v,{children:(0,p.jsx)(j,{label:(0,n.__)("Icon Size","popup-builder-block"),value:I(e,"buttonIconSize",l),onChange:e=>P("buttonIconSize",e,l,o),units:{px:{min:0,max:100,step:1},rem:{min:0,max:10,step:.1},em:{min:0,max:10,step:.1}}})}),(0,p.jsx)(k,{type:"normal",tabs:[{name:"normal-tab",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover-tab",title:(0,n.__)("Hover","popup-builder-block")}],children:l=>"normal-tab"===l.name?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{label:(0,n.__)("Color","popup-builder-block"),onChange:e=>o({textColor:e}),value:e?.textColor}),(0,p.jsx)(_,{onChange:e=>o({bgColor:e}),value:e?.bgColor,exclude:{video:!0,image:!0}}),e?.iconsSwitch&&(0,p.jsx)(d,{label:(0,n.__)("Icon Color","popup-builder-block"),value:e.buttonIconColor,onChange:e=>o({buttonIconColor:e})})]}):"hover-tab"===l.name?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{label:(0,n.__)("Color","popup-builder-block"),onChange:e=>o({hoverColor:e}),value:e?.hoverColor}),(0,p.jsx)(_,{onChange:e=>o({bgHoverColor:e}),value:e?.bgHoverColor,exclude:{video:!0,image:!0}}),e?.iconsSwitch&&(0,p.jsx)(d,{label:(0,n.__)("Icon Color","popup-builder-block"),value:e.buttonHoverIconColor,onChange:e=>o({buttonHoverIconColor:e})}),(0,p.jsx)(j,{label:(0,n.__)("Transform Y","popup-builder-block"),value:e?.backgroundHoverTransformY,onChange:e=>o({backgroundHoverTransformY:e}),units:{px:{min:-50,max:100,step:1}}}),(0,p.jsx)(j,{label:(0,n.__)("Transform X","popup-builder-block"),value:e?.backgroundHoverTransformX,onChange:e=>o({backgroundHoverTransformX:e}),units:{px:{min:-50,max:100,step:1}}})]}):void 0})]}),(0,p.jsx)(h,{title:(0,n.__)("Border","popup-builder-block"),children:(0,p.jsx)(k,{type:"normal",tabs:[{name:"normal-tab",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover-tab",title:(0,n.__)("Hover","popup-builder-block")}],children:a=>"normal-tab"===a.name?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(v,{children:(0,p.jsx)(G,{label:(0,n.__)("Border","popup-builder-block"),value:I(e,"border",l),onChange:e=>P("border",e,l,o)})}),(0,p.jsx)(v,{children:(0,p.jsx)(B,{label:(0,n.__)("Border Radius","popup-builder-block"),units:T,values:I(e,"borderRadius",l),onChange:e=>P("borderRadius",e,l,o)})})]}):"hover-tab"===a.name?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(v,{children:(0,p.jsx)(G,{label:(0,n.__)("Border","popup-builder-block"),value:I(e,"hoverBorder",l),onChange:e=>P("hoverBorder",e,l,o)})}),(0,p.jsx)(v,{children:(0,p.jsx)(B,{label:(0,n.__)("Border Radius","popup-builder-block"),units:T,values:I(e,"hoverBorderRadius",l),onChange:e=>P("hoverBorderRadius",e,l,o)})})]}):void 0})}),(0,p.jsx)(h,{title:(0,n.__)("Shadow","popup-builder-block"),children:(0,p.jsx)(k,{type:"normal",tabs:[{name:"shadow-normal-tab",title:(0,n.__)("Normal","popup-builder-block")},{name:"shadow-hover-tab",title:(0,n.__)("Hover","popup-builder-block")}],children:l=>"shadow-normal-tab"===l.name?(0,p.jsx)(c,{value:e?.boxShadowGroup,onChange:e=>o({boxShadowGroup:e})}):"shadow-hover-tab"===l.name?(0,p.jsx)(c,{value:e?.boxShadowGroupHover,onChange:e=>o({boxShadowGroupHover:e})}):void 0})})]}):void 0})}))}}]);