Changeset 3107079 for popper/tags/0.7.3/build/blocks/popper/index.js

Timestamp:

06/25/2024 05:55:39 AM (5 weeks ago)

Author:

tropicalista

Message:

Update to version 0.7.3 from GitHub

Location:

popper/tags/0.7.3

Files:

• . (copied) (copied from popper/trunk)
• build/blocks/popper/index.js (modified) (1 diff)

popper/tags/0.7.3/build/blocks/popper/index.js

@@ -1 @@
-(()=>{var e,t={90:(e,t,r)=>{"use strict";const l=window.React,o=window.wp.data,n=window.wp.plugins,a=window.wp.editPost,i=window.wp.blocks,c=window.wp.components,s=window.wp.element,p=window.wp.i18n,d=window.wp.coreData;function m(e){const{type:t,rule:r,index:n,onChange:a}=e,i=(0,o.useSelect)((e=>e("core").getEntityRecords("taxonomy",t,{per_page:-1})));let s=[],d=[];const m=r.object;return null!==i&&(s=i.map((e=>e.name)),d=m.map((e=>{const t=i.find((t=>t.id===parseInt(e)));return!(void 0===t||!t)&&t.name})).filter((e=>!!e))),(0,l.createElement)(c.FlexItem,{isBlock:!0},(0,l.createElement)(c.FormTokenField,{value:d,suggestions:s,placeholder:(0,p.__)("Type to choose an item","popper"),onChange:e=>{const t=[];e.forEach((e=>{const r=i.find((t=>t.name===e));void 0!==r&&t.push(r.id)})),a("object",t,n)},maxSuggestions:5,__experimentalShowHowTo:!1}))}function u(e){const{type:t,rule:r,index:n,onChange:a}=e,i=(0,o.useSelect)((e=>e("core").getEntityRecords("postType",t,{per_page:-1})));let s=[],d=[];const m=r.object;return null!==i&&(s=i.map((e=>e.title.raw)),d=m.map((e=>{const t=i.find((t=>t.id===parseInt(e)));return!(void 0===t||!t)&&t.title.raw})).filter((e=>!!e))),(0,l.createElement)(c.FlexItem,{isBlock:!0},(0,l.createElement)(c.FormTokenField,{value:d,suggestions:s,placeholder:(0,p.__)("Type to choose an item","popper"),onChange:e=>{const t=[];e.forEach((e=>{const r=i.find((t=>t.title.raw===e));void 0!==r&&t.push(r.id)})),a("object",t,n)},maxSuggestions:5,__experimentalShowHowTo:!1,__nextHasNoMarginBottom:!0}))}function h(e){const{onDelete:t,onChange:r,rule:o,index:n}=e,[a,i]=(0,s.useState)([]);(0,s.useEffect)((()=>{i(window.popper.positions)}),[]);const d=()=>{let e="";return e=o.rule.indexOf(":taxonomy:")>0?"taxonomy":o.rule.substr(0,o.rule.indexOf(":")),e};return(0,l.createElement)(c.Flex,{align:"start",justify:"start",className:"popper-modal-row"},(0,l.createElement)(c.FlexItem,null,(0,l.createElement)("label",{className:"components-form-token-field__label",htmlFor:"select"},(0,p.__)("Where","popper")),(0,l.createElement)("select",{onChange:t=>{e.onChange("rule",t.target.value,n)},value:o.rule,className:"components-select-control__input"},(0,l.createElement)("option",{value:""},(0,p.__)("Select one…","popper")),Object.keys(a).map(((e,t)=>(0,l.createElement)("optgroup",{label:a[e].label,key:t},Object.keys(a[e].locations).map((t=>(0,l.createElement)("option",{value:t,key:t},a[e].locations[t])))))))),"taxonomy"===d()&&(0,l.createElement)(m,{onChange:e.onChange,selectedCategories:[],type:o.rule.substr(o.rule.lastIndexOf(":")+1),rule:o,index:n}),["post","page"].includes(d())&&(0,l.createElement)(u,{onChange:e.onChange,selectedCategories:[],type:o.rule.substr(o.rule.lastIndexOf(":")+1),rule:o,index:n}),(0,l.createElement)(c.FlexItem,null,(0,l.createElement)(c.Button,{className:"popper-modal-button",icon:"no",size:"small",onClick:()=>{t(n)}})))}function g(e){const{onDelete:t,onChange:r,rules:o,activeTab:n}=e;return o[n].map(((e,o)=>(0,l.createElement)(h,{onChange:r,onDelete:t,rule:e,index:o,key:o})))}function b(e){const[t,r]=(0,s.useState)([]),{index:o,onDelete:n}=e;return(0,s.useEffect)((()=>{r(window.popper.users)}),[]),(0,l.createElement)(c.Flex,{align:"start",justify:"start",className:"popper-modal-row"},(0,l.createElement)(c.FlexItem,null,(0,l.createElement)("select",{onChange:t=>{e.onChange(void 0,t.target.value,o)},value:e.rule,className:"components-select-control__input"},(0,l.createElement)("option",{value:""},(0,p.__)("Select one…","popper")),Object.keys(t).map(((e,r)=>(0,l.createElement)("optgroup",{label:t[e].label,key:r},Object.keys(t[e].rules).map((r=>(0,l.createElement)("option",{value:r,key:r},t[e].rules[r])))))))),(0,l.createElement)(c.FlexItem,{align:"center"},(0,l.createElement)(c.Button,{className:"popper-modal-button",icon:"no",isSmall:!0,onClick:()=>{n(o)}})))}function f(e){const{onDelete:t,onChange:r,rules:o,activeTab:n}=e;return o[n].map(((e,o)=>(0,l.createElement)(b,{onChange:r,onDelete:t,rule:e,index:o,key:o})))}function E(e){const{onChangeDevice:t,rules:r,activeTab:o}=e,n=r[o],a=(e,r)=>{let l=n;l=e?[...n,r]:n.filter((e=>e!==r)),t(l)};return(0,l.createElement)(c.Flex,{align:"start",justify:"start"},(0,l.createElement)(c.FlexItem,null,(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Desktop","popper"),checked:n.includes("desktop"),onChange:e=>a(e,"desktop")}),(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Tablet","popper"),checked:n.includes("tablet"),onChange:e=>a(e,"tablet")}),(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Mobile","popper"),checked:n.includes("mobile"),onChange:e=>a(e,"mobile")})))}const k=window.wp.date;function _(e){const{rule:t,onChange:r}=e,o=(e,l,o)=>{r("days",{...t.days,[e]:{startTime:l||"",endTime:o||""}},0)};return(0,l.createElement)(s.Fragment,null,(0,l.createElement)("p",null,(0,p.__)("To have more control on when popup is displayed you can use the following options.")),(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Custom time","popper"),checked:t.customTime||!1,onChange:e=>r("customTime",e,0)}),t.customTime&&(0,l.createElement)(c.__experimentalSpacer,{marginLeft:"10"},(0,l.createElement)(c.__experimentalHStack,{spacing:"1",justify:"flex-start"},(0,l.createElement)(c.TextControl,{label:(0,p.__)("Start time","popper"),type:"time",value:t.startTime||"",onChange:e=>r("startTime",e,0)}),(0,l.createElement)(c.TextControl,{label:(0,p.__)("End time","popper"),type:"time",value:t.endTime||"",onChange:e=>r("endTime",e,0)}))),(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Days of week","popper"),checked:t.customDays||!1,onChange:e=>{r("customDays",e,0)}}),t.customDays&&["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"].map((e=>(0,l.createElement)(s.Fragment,{key:e},(0,l.createElement)(c.CheckboxControl,{label:e,checked:t.days?.[e],onChange:l=>{l?o(e):(e=>{const l={...t.days};delete l[e],r("days",l,0)})(e)}}),t.days?.[e]&&(0,l.createElement)(c.__experimentalSpacer,{marginLeft:"10"},(0,l.createElement)(c.__experimentalHStack,{spacing:"1",justify:"flex-start"},(0,l.createElement)(c.TextControl,{label:(0,p.__)("Start time","popper"),type:"time",value:t.days[e].startTime||"",onChange:r=>o(e,r,t.days[e].endTime)}),(0,l.createElement)(c.TextControl,{label:(0,p.__)("End time","popper"),type:"time",value:t.days[e].endTime||"",onChange:r=>o(e,t.days[e].startTime,r)})))))))}function v(e){const{onChangeDate:t,rules:r,activeTab:o,postId:n}=e,a=Array.isArray(r[o])?r[o][0]:r[o];console.log(a);const i=(e,l)=>{const n={...r[o],[e]:l};t(n)};return(0,l.createElement)(s.Fragment,null,(0,l.createElement)(c.Flex,{align:"start",justify:"start",style:{marginBottom:"1em"}},(0,l.createElement)(c.FlexItem,null,(0,l.createElement)(c.RadioControl,{label:(0,p.__)("Choose when you want display this popup."),selected:a.type,options:[{label:(0,p.__)("Evergreen","popper"),value:"evergreen"},{label:(0,p.__)("Custom dates","popper"),value:"custom"}],onChange:e=>i("type",e)}))),"custom"===a.type&&(0,l.createElement)(s.Fragment,null,(0,l.createElement)(c.Flex,{align:"start",justify:"start",className:"popper-modal-row"},(0,l.createElement)(c.FlexItem,null,(0,l.createElement)("b",null,"From:")),(0,l.createElement)(c.FlexItem,null,(0,l.createElement)(c.Dropdown,{popoverProps:{placement:"bottom-start"},renderToggle:({isOpen:e,onToggle:t})=>(0,l.createElement)(c.Button,{variant:"secondary",onClick:t,"aria-expanded":e},a.startDate?(0,k.dateI18n)("F j, Y g:i a",a.startDate):(0,p.__)("Click here to set start date.","popper")),renderContent:()=>(0,l.createElement)(c.DateTimePicker,{__nextRemoveHelpButton:!0,label:"My Date/Time Picker",currentDate:a.startDate,onChange:e=>i("startDate",e),is12Hour:!0,isInvalidDate:e=>{if(a.endDate)return new Date(e)>new Date(a.endDate)}})})),(0,l.createElement)(c.FlexItem,null,(0,l.createElement)("b",null,"To:")),(0,l.createElement)(c.FlexItem,null,(0,l.createElement)(c.Dropdown,{popoverProps:{placement:"bottom-start"},renderToggle:({isOpen:e,onToggle:t})=>(0,l.createElement)(c.Button,{variant:"secondary",onClick:t,"aria-expanded":e},a.endDate?(0,k.dateI18n)("F j, Y g:i a",a.endDate):(0,p.__)("Click here to set start date.","popper")),renderContent:()=>(0,l.createElement)(c.DateTimePicker,{__nextRemoveHelpButton:!0,label:"My Date/Time Picker",currentDate:a.endDate,onChange:e=>i("endDate",e),is12Hour:!0,isInvalidDate:e=>new Date(e)<new Date(a.startDate)})})))),(0,l.createElement)("hr",null),(0,l.createElement)(_,{rule:a,onChange:i,postId:n}))}function w(e){const{addRule:t,rules:r,onSelect:o,activeTab:n}=e;return r.device||(r.device=[{device:"desktop",visibility:!1},{device:"tablet",visibility:!1},{device:"mobile",visibility:!1}]),r.date||(r.date=[{date:"evergreen",startDate:!1,endDate:!1}]),(0,l.createElement)(c.TabPanel,{onSelect:o,tabs:[{name:"location",component:g,title:(0,p.__)("Location","popper"),description:(0,l.createElement)("p",null,(0,p.__)("Choose where you want display this popup.","popper"))},{name:"exclude",component:g,title:(0,p.__)("Exclude","popper"),description:(0,l.createElement)("p",null,(0,p.__)("Choose where you don't want display this popup.","popper"))},{name:"user",component:f,title:(0,p.__)("Users","popper"),description:(0,l.createElement)("p",null,(0,p.__)("Choose which user will see this popup.","popper"))},{name:"device",component:E,title:(0,p.__)("Devices","popper"),description:""},{name:"date",component:v,title:(0,p.__)("Date","popper"),description:""}]},(r=>{const o=r.component;return(0,l.createElement)(s.Fragment,null,(0,l.createElement)("h2",null,r.title),r.description,(0,l.createElement)(o,{...e}),!["date","device"].includes(n)&&(0,l.createElement)(c.Button,{isPrimary:!0,onClick:t,size:"small"},(0,p.__)("Add rule","popper")))}))}function y(e){const{onRequestClose:t,postId:r}=e,[o,n]=(0,d.useEntityProp)("postType","popper","meta",r),a=o.popper_rules,[i,m]=(0,s.useState)(a);(0,s.useEffect)((()=>{if(Array.isArray(i.date)){const e={...i.date[0]};m({...o.popper_rules,date:e})}if(i.date[0]){const e={...i.date[0]};m({...o.popper_rules,date:e})}}),[]);const[u,h]=(0,s.useState)("location");return(0,l.createElement)(c.__experimentalVStack,null,(0,l.createElement)(w,{onDelete:e=>{const t=[...i[u]];t.splice(e,1),m({...i,[u]:t})},onChange:(e,t,r)=>{const l=[...i[u]];let o={...i[u][r]};e?o[e]=t:o=t,l[r]=o,m({...i,[u]:l})},onChangeDevice:e=>{m({...i,[u]:e})},onChangeDate:e=>{console.log(e),m({...i,[u]:e})},addRule:()=>{let e;e="user"===u||"device"===u?i[u].concat(""):i[u].concat({rule:"",object:[]}),m({...i,[u]:e})},rules:i,onSelect:e=>{h(e)},activeTab:u,postId:r}),(0,l.createElement)(c.__experimentalHStack,{justify:"end"},(0,l.createElement)(c.Button,{isPrimary:!0,onClick:()=>{n({...o,popper_rules:i}),t()}},(0,p.__)("Save","popper"))))}function x(e){const{onRequestClose:t}=e;return(0,l.createElement)(c.Modal,{title:(0,p.__)("Rules","popper"),onRequestClose:t,shouldCloseOnClickOutside:!1,size:"large"},(0,l.createElement)(y,{...e}))}(0,n.registerPlugin)("popper-display",{render:e=>{const{postType:t,postId:r}=(0,o.useSelect)((e=>({postType:e("core/editor").getCurrentPostType(),postId:e("core/editor").getCurrentPostId()})),[]),[n,m]=(0,s.useState)(!1),[u]=(0,d.useEntityProp)("root","site","formello"),[h,g]=(0,d.useEntityProp)("postType",t,"meta",r);if(!["formello_form","popper"].includes(t))return!1;const b=(0,i.getBlockTypes)().filter((e=>-1!==e.name.indexOf("formello/form")));return(0,l.createElement)(a.PluginDocumentSettingPanel,{title:(0,p.__)("Display Rules","popper"),icon:()=>"",opened:!0,name:"popper-display"},(0,l.createElement)(c.BaseControl,null,(0,l.createElement)(c.Button,{isPrimary:!0,onClick:()=>{m(!0)},disabled:"formello_form"===t&&!u?.enabled_addons.includes("inserter")},(0,p.__)("Conditions","popper"))),"formello_form"===t&&!u?.enabled_addons.includes("inserter")&&(0,l.createElement)(c.PanelRow,null,(0,l.createElement)("p",null,(0,p.__)("You must enable Formello Inserter to set display conditions.","popper"))),!b.length&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(c.PanelRow,null,(0,l.createElement)("p",null,(0,p.__)("To take full advantage of Popper and start collecting leads, we suggest using our Formello plugin.","popper"))),(0,l.createElement)(c.Button,{isPrimary:!0,href:window.popper.installLink},(0,p.__)("Install Formello form","popper"))),n&&(0,l.createElement)(x,{onRequestClose:()=>m(!1),postId:r,...e}))}});const C=window.wp.hooks,S=window.wp.compose,B=window.wp.blockEditor,D=window.wp.api;var F=r.n(D);const A=(0,S.createHigherOrderComponent)((e=>t=>{if(!["core/image","core/button"].includes(t.name))return(0,l.createElement)(e,{...t});const r=[{value:"",label:(0,p.__)("Select a popup","popper")}],{postType:n,postId:a}=(0,o.useSelect)((e=>({postId:e("core/editor").getCurrentPostId(),postType:e("core/editor").getCurrentPostType()}))),{records:i}=(0,d.useEntityRecords)("postType","popper",{per_page:-1});i?.forEach((e=>{const t=e.title.raw||(0,p.__)("(No title)","popper");r.push({value:e.id,label:t})}));const{attributes:m,setAttributes:u,isSelected:h}=t,{popper:g}=m;return(0,l.createElement)(s.Fragment,null,(0,l.createElement)(e,{...t}),h&&(0,l.createElement)(B.InspectorAdvancedControls,null,(0,l.createElement)(c.SelectControl,{label:(0,p.__)("Open popup"),value:g,options:r,onChange:e=>{u({popper:e}),(e=>{if(!e)return;const t=(e=>i.find((t=>t.id===Number(e))))(e),r={rule:"post:"+n,object:[a]};if(t.meta.popper_rules.location.find((e=>e.rule===r.rule&&e.object.includes(a))))return;t.meta.popper_rules.location.push(r);const l=new(F().models.Popper)({id:e});l.fetch().done((()=>{l.setMeta("popper_rules",t.meta.popper_rules),l.save({id:e})}))})(e)},help:(0,p.__)("Open a popup on anchor click","popper")})))}),"withAdvancedControls");(0,C.addFilter)("editor.BlockEdit","popper/popup-advanced-control",A),(0,C.addFilter)("blocks.registerBlockType","popper/popup-custom-attributes",(function(e){return["core/image","core/button"].includes(e.name)&&(e.attributes=Object.assign(e.attributes,{popper:{type:"numeric",default:null}})),e}));var O=r(184),T=r.n(O);const P=window.wp.primitives,I=(0,l.createElement)(P.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(P.Path,{d:"M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"}));function N({selectedCategory:e,patternCategories:t,onClickCategory:r}){const o="block-editor-block-patterns-explorer__sidebar";return(0,l.createElement)("div",{className:`${o}__categories-list`},[...new Set(t)].map((t=>(0,l.createElement)(c.Button,{key:t.slug,label:t.name,className:`${o}__categories-list__item`,isPressed:e===t.slug,onClick:()=>{r(t.slug)}},t.name))))}function R({searchValue:e,setSearchValue:t}){return(0,l.createElement)("div",{className:"block-editor-block-patterns-explorer__search"},(0,l.createElement)(c.SearchControl,{__nextHasNoMarginBottom:!0,onChange:t,value:e,label:(0,p.__)("Search for patterns"),placeholder:(0,p.__)("Search")}))}function W({selectedCategory:e,patternCategories:t,onClickCategory:r,searchValue:o,setSearchValue:n}){return(0,l.createElement)("div",{className:"block-editor-block-patterns-explorer__sidebar"},(0,l.createElement)(R,{searchValue:o,setSearchValue:n}),!o&&(0,l.createElement)(N,{selectedCategory:e,patternCategories:t,onClickCategory:r}))}function z({clientId:e,blockName:t,onRequestClose:r}){const{replaceBlock:n}=(0,o.useDispatch)(B.store),[a,i]=(0,s.useState)(),[d,m]=(0,s.useState)("all"),u=(0,o.useSelect)((r=>{const{getBlockRootClientId:l,getPatternsByBlockTypes:o}=r(B.store),n=l(e);return o(t,n)}),[e,t]),h=u.filter((e=>a?e.title.toLowerCase().includes(a):"all"===d||e.categories.includes(d))),g=[{slug:"all",name:(0,p.__)("All","popper")},{slug:"promo",name:(0,p.__)("Promo","popper")},{slug:"top-bar",name:(0,p.__)("Top bar","popper")},{slug:"ad-block",name:(0,p.__)("Ad Block","popper")}];return(0,l.createElement)(c.Modal,{className:"block-editor-query-pattern__selection-modal",isFullScreen:!0,title:(0,p.__)("Choose a pattern"),closeLabel:(0,p.__)("Cancel"),onRequestClose:r},(0,l.createElement)("div",{className:"block-editor-block-patterns-explorer"},(0,l.createElement)(W,{selectedCategory:d,patternCategories:g,onClickCategory:m,searchValue:a,setSearchValue:i}),(0,l.createElement)("div",{className:"block-editor-block-patterns-explorer__list"},(0,l.createElement)(B.BlockContextProvider,{value:{postType:"formello_form"}},!u&&(0,l.createElement)(c.Spinner,null),(0,l.createElement)(B.__experimentalBlockPatternsList,{blockPatterns:h,shownPatterns:h,onClickPattern:t=>{n(e,t.blocks)}})))))}const j=function({icon:e=I,label:t=(0,p.__)("Choose variation"),instructions:r=(0,p.__)("Select a variation to start with."),variations:o,onSelect:n,allowSkip:a,clientId:i}){const d=T()("block-editor-block-variation-picker",{"has-many-variations":o.length>4}),[m,u]=(0,s.useState)(!1);return(0,l.createElement)(c.Placeholder,{icon:e,label:t,instructions:r,className:d},(0,l.createElement)("ul",{className:"block-editor-block-variation-picker__variations",role:"list","aria-label":(0,p.__)("Block variations","formello")},o.map((e=>(0,l.createElement)("li",{key:e.name},(0,l.createElement)(c.Button,{isSecondary:!0,icon:e.icon,iconSize:48,onClick:()=>n(e),className:"block-editor-block-variation-picker__variation",label:e.description||e.title}),(0,l.createElement)("span",{className:"block-editor-block-variation-picker__variation-label",role:"presentation"},e.title))))),a&&(0,l.createElement)("div",{className:"block-editor-block-variation-picker__skip"},(0,l.createElement)(c.Button,{className:"plugin-formello-panel-button is-large",isPrimary:!0,onClick:()=>{u("templates")}},(0,p.__)("Open Library","formello")),(0,l.createElement)(c.Button,{isLink:!0,onClick:()=>n()},(0,p.__)("Skip","formello"))),"templates"===m&&(0,l.createElement)(z,{onRequestClose:()=>u(!1),blockName:"popper/popup",setIsPatternSelectionModalOpen:()=>u(!1),clientId:i}))},H=e=>{const{attributes:t,setAttributes:r,clientId:o}=e,{overlayColor:n,animation:a}=t,i=(0,B.__experimentalUseMultipleOriginColorsAndGradients)();return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(B.InspectorControls,{group:"styles"},(0,l.createElement)(c.PanelBody,{title:(0,p.__)("Animation","popper"),initialOpen:!1},(0,l.createElement)(c.SelectControl,{label:(0,p.__)("Animation","popper"),value:a,options:[{label:(0,p.__)("None","popper"),value:""},{label:(0,p.__)("Slide in Top","popper"),value:"slide-in-top"},{label:(0,p.__)("Slide in Bottom","popper"),value:"slide-in-bottom"},{label:(0,p.__)("Slide in Right","popper"),value:"slide-in-right"},{label:(0,p.__)("Slide in Left","popper"),value:"slide-in-left"},{label:(0,p.__)("Unfold In","popper"),value:"unfoldIn"},{label:(0,p.__)("Puff In","popper"),value:"puff-in"},{label:(0,p.__)("Puff In Back","popper"),value:"puff-in-back"}],onChange:e=>r({animation:e})}))),(0,l.createElement)(B.InspectorControls,{group:"color"},(0,l.createElement)(B.__experimentalColorGradientSettingsDropdown,{panelId:o,settings:[{colorValue:n,onColorChange:e=>r({overlayColor:e}),label:(0,p.__)("Overlay Color","popper"),enableAlpha:!0,clearable:!0}],...i})))},M=e=>{const{attributes:t,setAttributes:r}=e,{triggers:o,settings:n}=t,a=(e,t,l)=>{r({settings:{...n,[e]:{[t]:l}}})},i=[{label:(0,p.__)("Load","popper"),value:"load",help:(0,p.__)("Shows on document load.","popper")},{label:(0,p.__)("Timer","popper"),value:"timer"},{label:(0,p.__)("On Anchor Click","popper"),value:"anchor"},{label:(0,p.__)("On AdBlock Detect","popper"),value:"adBlock"},{label:(0,p.__)("On Target Visibility","popper"),value:"target"},{label:(0,p.__)("On Scroll","popper"),value:"scroll"},{label:(0,p.__)("On Page Views","popper"),value:"pageviews"},{label:(0,p.__)("On Exit Intent","popper"),value:"exit",help:(0,p.__)("Shows the popup when the user moves the mouse outside of the top of the window.","popper")}];return(0,l.createElement)(c.PanelBody,{initialOpen:!0,title:(0,p.__)("Open Trigger","popper")},i.map(((e,t)=>(0,l.createElement)(s.Fragment,{key:t},(0,l.createElement)(c.CheckboxControl,{label:e.label,checked:o?.includes(e.value),onChange:t=>((e,t)=>{let l=[];l=t?[...o,e]:o.filter((t=>t!==e)),r({triggers:l})})(e.value,t),help:e.help||""}),"anchor"===e.value&&o?.includes("anchor")&&(0,l.createElement)(c.TextControl,{value:n.anchor?.target||"",label:(0,p.__)("Anchor","popper"),help:(0,p.__)("You can add anchors to button blocks. Using the same anchor here will open the popup when you click the respective button.","popper"),onChange:e=>a("anchor","target",e)}),"adBlock"===e.value&&o?.includes("adBlock")&&(0,l.createElement)(c.RangeControl,{label:(0,p.__)("Scroll Distance in Percent","popper"),help:(0,p.__)("Show the popup when this percentage of the page has been scrolled.","popper"),beforeIcon:"image-flip-vertical",value:n.adBlock?.scrollPercent||"",onChange:e=>a("adBlock","scrollPercent",e),min:20,max:100}),"target"===e.value&&o?.includes("target")&&(0,l.createElement)(c.TextControl,{value:n.anchor?.target||"",label:(0,p.__)("Target","popper"),help:(0,p.__)("Show a popup when element with this anchor enter in viewport.","popper"),onChange:e=>a("anchor","target",e)}),"scroll"===e.value&&o?.includes("scroll")&&(0,l.createElement)(c.RangeControl,{label:(0,p.__)("Scroll Distance in Percent","popper"),help:(0,p.__)("Show the popup when this percentage of the page has been scrolled."),beforeIcon:"image-flip-vertical",value:n.scroll?.scrollPercent||"",onChange:e=>a("scroll","scrollPercent",e),min:20,max:100}),"pageviews"===e.value&&o?.includes("pageviews")&&(0,l.createElement)(c.RangeControl,{label:(0,p.__)("Number of pages","popper"),help:(0,p.__)("Show the popup when this number of pages has been visited."),beforeIcon:"visibility",value:n.pageViews?.pageNum||"",onChange:e=>a("pageviews","pageNum",e),min:0,max:100}),"timer"===e.value&&o?.includes("timer")&&(0,l.createElement)(c.RangeControl,{label:(0,p.__)("Wait Time in Seconds","popper"),help:(0,p.__)("How much time to wait before showing the popup."),beforeIcon:"clock",value:n.timer?.time||"",onChange:e=>a("timer","time",e),min:0,max:100})))))},V=e=>{const{attributes:t,setAttributes:r}=e,{triggers:o,settings:n}=t,a=(e,t,l)=>{r({settings:{...n,[e]:{[t]:l}}})},i=(e,t)=>{let l=[];l=t?[...o,e]:o.filter((t=>t!==e)),r({triggers:l})};return(0,l.createElement)(c.PanelBody,{initialOpen:!1,title:(0,p.__)("Close Trigger","popper")},(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Close On Click Outside","popper"),checked:o.includes("closeOnClickOutside"),onChange:e=>i("closeOnClickOutside",e)})),(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Close on form submission","popper"),checked:o.includes("closeOnFormSubmission"),onChange:e=>i("closeOnFormSubmission",e)})),(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Close On Anchor Click","popper"),checked:o.includes("closeOnAnchorClick"),onChange:e=>i("closeOnAnchorClick",e)})),o.includes("closeOnAnchorClick")&&(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.TextControl,{value:n.closeAnchor?.target||"",label:(0,p.__)("Anchor","popper"),help:(0,l.createElement)("small",null,(0,p.__)("You can add anchors to button blocks. Using the same anchor here will close the modal when you click the respective button.","popper")),onChange:e=>a("closeAnchor","target",e)})),(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.CheckboxControl,{label:(0,p.__)("Dismiss for Recurrent Visitors","popper"),checked:o.includes("dismissForVisitors"),onChange:e=>i("dismissForVisitors",e)})),o.includes("dismissForVisitors")&&(0,l.createElement)(c.PanelRow,null,(0,l.createElement)(c.RangeControl,{value:n.dismissForVisitors?.period,label:(0,p.__)("Number of Days Until the Notice is Shown again","popper"),onChange:e=>{a("dismissForVisitors","period",e)},min:1,max:100})))},L={border:{}};L.border.none=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"118",stroke:"currentColor",width:"118",x:"-51",y:"-48",strokeWidth:"10"}))))),L.border.sm=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"118",rx:"2",stroke:"currentColor",width:"118",x:"-51",y:"-48",strokeWidth:"10"}))))),L.border.md=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"118",rx:"10",stroke:"currentColor",width:"118",x:"-51",y:"-48",strokeWidth:"10"}))))),L.border.lg=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"118",rx:"20",stroke:"currentColor",width:"118",x:"-51",y:"-48",strokeWidth:"10"}))))),L.border.xl=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"118",rx:"50",stroke:"currentColor",width:"118",x:"-51",y:"-48",strokeWidth:"10"}))))),L.borderWidthNone=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("path",{d:"m16 16h68v68h-68z",fill:"none",transform:"matrix(1 0 0 1 2 2)"})),L.borderWidthSmall=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"68",stroke:"currentColor",width:"68",x:"16",y:"16"}))))),L.borderWidthMedium=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"68",stroke:"currentColor",width:"68",x:"16",y:"16",strokeWidth:"4"}))))),L.borderWidthLarge=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"68",stroke:"currentColor",width:"68",x:"16",y:"16",strokeWidth:"6"}))))),L.borderWidthXLarge=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("defs",null,(0,l.createElement)("rect",{height:"100",width:"100",x:"0",y:"0"})),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("g",null,(0,l.createElement)("mask",{fill:"#fff"},(0,l.createElement)("use",{xlinkHref:"#path-1"})),(0,l.createElement)("use",{stroke:"#fff",strokeWidth:"3",xlinkHref:"#path-1"}),(0,l.createElement)("rect",{height:"68",stroke:"currentColor",width:"68",x:"16",y:"16",strokeWidth:"10"}))))),L.shadow={},L.shadow.none=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("path",{d:"m16 16h68v68h-68z",fill:"#fff",stroke:"#000",transform:"matrix(1 0 0 1 2 2)",strokeWidth:"3"})),L.shadow.sm=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("g",{fill:"none",transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("path",{d:"m12 13h68v68h-68z",fill:"#d8d8d8"}),(0,l.createElement)("path",{d:"m6 7h68v68h-68z",fill:"#fff",stroke:"#000",strokeWidth:"3"}))),L.shadow.md=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("g",{fill:"none",transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("path",{d:"m19 20h68v68h-68z",fill:"#d8d8d8"}),(0,l.createElement)("path",{d:"m6 7h68v68h-68z",fill:"#fff",stroke:"#000",strokeWidth:"3"}))),L.shadow.lg=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("g",{fill:"none",transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("path",{d:"m23 24h68v68h-68z",fill:"#d8d8d8"}),(0,l.createElement)("path",{d:"m6 7h68v68h-68z",fill:"#fff",stroke:"#000",strokeWidth:"3"}))),L.shadow.xl=(0,l.createElement)("svg",{viewBox:"0 0 104 104"},(0,l.createElement)("g",{fill:"none",transform:"matrix(1 0 0 1 2 2)"},(0,l.createElement)("path",{d:"m32 32h68v68h-68z",fill:"#d8d8d8"}),(0,l.createElement)("path",{d:"m6 7h68v68h-68z",fill:"#fff",stroke:"#000",strokeWidth:"3"}))),L.borderWidth=(0,l.createElement)("svg",{fill:"currentColor",height:"20px",version:"1.1",viewBox:"0 0 24 24",width:"20px",x:"0px",y:"0px"},(0,l.createElement)("title",null,"content_040-no_border-table-cell-square"),(0,l.createElement)("desc",null,"Created with Sketch."),(0,l.createElement)("g",{fill:"none",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},(0,l.createElement)("g",{fill:"currentColor",transform:"matrix(1 0 0 1 -476 -188)"},(0,l.createElement)("g",{transform:"matrix(1 0 0 1 477 189)"},(0,l.createElement)("rect",{height:"1",width:"2",x:"0",y:"0"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"8",y:"0"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"4",y:"0"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"12",y:"0"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"0",y:"7"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"0",y:"3"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"20",y:"8"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"20",y:"0"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"20",y:"4"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"0",y:"11"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"0",y:"15"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"0",y:"19"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"20",y:"12"}),(0,l.createElement)("rect",{height:"2",width:"1",x:"20",y:"16"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"19",y:"20"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"3",y:"20"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"7",y:"20"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"11",y:"20"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"16",y:"0"}),(0,l.createElement)("rect",{height:"1",width:"2",x:"15",y:"20"}))))),L.borderRadius=(0,l.createElement)("svg",{height:"20px",viewBox:"0 0 66 66",width:"20px"},(0,l.createElement)("path",{d:"m457 596.97658v5.02342c0 .552285-.447715 1-1 1h-12c-.552285 0-1-.447715-1-1v-5h-14.996435c-6.077067 0-11.003565-4.926533-11.003565-11.003565v-37.99287c0-6.077067 4.926533-11.003565 11.003565-11.003565h37.99287c6.077067 0 11.003565 4.926533 11.003565 11.003565v14.996435h5c.552285 0 1 .447715 1 1v12c0 .552285-.447715 1-1 1h-5.023422c-.506685 10.803114-9.172511 19.469882-19.976578 19.97658zm-12 4.02342h10v-10h-10zm26-26h10v-10h-10zm-28 20v-5c0-.552285.447715-1 1-1h12c.552285 0 1 .447715 1 1v4.974104c9.699148-.5031 17.471015-8.275803 17.974102-17.974104h-4.974102c-.552285 0-1-.447715-1-1v-12c0-.552285.447715-1 1-1h5v-14.996435c0-4.972466-4.03107-9.003565-9.003565-9.003565h-37.99287c-4.972466 0-9.003565 4.03107-9.003565 9.003565v37.99287c0 4.972466 4.03107 9.003565 9.003565 9.003565z",transform:"matrix(1 0 0 1 -417 -537)",fillRule:"evenodd"})),L.boxShadow=(0,l.createElement)("svg",{height:"20px",viewBox:"0 0 100 100",width:"20px",enableBackground:"new 0 0 100 100"},(0,l.createElement)("path",{d:"m92.5 21.233h-13.733v-13.733c0-1.381-1.119-2.5-2.5-2.5h-68.767c-1.381 0-2.5 1.119-2.5 2.5v68.767c0 1.381 1.119 2.5 2.5 2.5h13.733v13.733c0 1.381 1.119 2.5 2.5 2.5h68.767c.164 0 .328-.017.489-.049.075-.015.145-.043.217-.064.084-.025.168-.044.249-.077.086-.036.164-.084.245-.129.062-.034.126-.061.185-.101.275-.183.51-.419.694-.694.039-.058.065-.122.099-.182.045-.082.094-.161.13-.248.033-.081.052-.165.077-.248.022-.073.05-.143.065-.219.033-.161.05-.325.05-.489v-68.767c0-1.38-1.119-2.5-2.5-2.5zm-82.5 52.534v-63.767h63.767v13.733 50.033h-50.034-13.733zm16.233 16.233v-7.698l7.699 7.698zm14.769 0-11.233-11.233h6.063l11.233 11.233zm13.133 0-11.233-11.233h6.063l11.233 11.233zm13.134 0-11.234-11.233h6.063l11.234 11.233zm13.133 0-11.234-11.233h6.063l11.234 11.233zm9.598-3.535-11.233-11.234v-6.063l11.233 11.234zm0-13.133-11.233-11.234v-6.063l11.233 11.234zm0-13.134-11.233-11.233v-6.063l11.233 11.233zm0-13.133-11.233-11.233v-6.063l11.233 11.233zm0-13.133-7.698-7.698h7.698z"})),L.plugin=(0,l.createElement)("svg",{height:"20px",viewBox:"0 0 100 100",width:"20px",enableBackground:"new 0 0 100 100"},(0,l.createElement)("path",{d:"m27.751 67.15-.001-4.54-16.454.033c-3.027.017-5.475-2.431-5.478-5.47v-35.232c.003-3.014 2.451-5.462 5.453-5.462 1.313 0 2.521.469 3.441 1.225l15.019 15.069c1.434 1.484 2.331 3.479 2.318 5.568l-.033 20.008 4.595.026-.001-15.947c.011-2.975 2.459-5.423 5.51-5.43l16.99.028v-4.742l-19.718.03c-2.173 0-4.168-.897-5.582-2.264l-15.39-15.078c-1.075-.938-1.807-2.414-1.807-4.055 0-3.002 2.448-5.45 5.526-5.415h35.67c3.099-.035 5.548 2.413 5.544 5.212l.024 17.276 4.386.056-.01-11.806c-.002-3.042 2.519-5.49 5.442-5.49 1.37 0 2.638.538 3.672 1.435l10.798 10.549c.974.952 1.913 2.361 1.913 4.096 0 3.002-2.448 5.457-5.33 5.467l-12.163.043v4.658l16.678-.037c2.984-.007 5.433 2.419 5.418 5.451l-.011 35.698c-.001 3.088-2.445 5.537-5.447 5.537-1.595 0-2.99-.732-3.995-1.735l-14.585-14.56c-1.447-1.444-2.376-3.411-2.377-5.455l-.004-20.661-4.414.084.016 15.931c.015 2.96-2.433 5.4-5.411 5.392l-17.076-.047.004 4.596 19.44-.016c2.225-.002 4.206.933 5.57 2.301l15.985 16.035c.868.87 1.242 2.163 1.242 3.476 0 3.002-2.448 5.45-5.546 5.471l-35.508.041c-3.102.02-5.55-2.428-5.507-5.539l.068-17.508-4.598.029.023 11.997c.013 3.031-2.435 5.479-5.437 5.479-1.407 0-2.692-.538-3.642-1.401l-11.506-11.45c-.76-.919-1.215-2.126-1.187-3.44.063-3.002 2.448-5.45 5.331-5.482l12.135-.032m-.022-28.553c-.029-1.116-.492-2.146-1.173-2.829l-14.453-14.638c-.217-.23-.506-.36-.824-.36-.637 0-1.156.519-1.163 1.258v35.089c.008.726.527 1.245 1.213 1.233l16.429-.032zm30.179 19.754-16.997-.009-.004-15.875c.016-.652.535-1.171 1.199-1.183l16.983.033-.007 15.87c.011.657-.509 1.164-1.174 1.164zm20.542 29.772-15.306-15.381c-.709-.712-1.703-1.255-2.816-1.257l-19.44-.034-.035 17.565c-.039.688.481 1.207 1.101 1.192l35.763-.041c.594-.025 1.113-.544 1.113-1.181 0-.319-.128-.61-.38-.863zm-41.859-25.516-.005 4.515-4.553.053.017-4.515zm-8.824 20.809.01-11.91-12.062-.013c-.617.014-1.136.533-1.136 1.17 0 .318.13.607.33.829l10.697 10.625c.263.34.615.543 1.013.543.637-.001 1.156-.52 1.148-1.244zm31.303-72.658.019 17.284-19.526-.021c-1.164-.004-2.194-.467-2.942-1.164l-15.306-15.09c-.199-.104-.402-.456-.402-.854 0-.637.519-1.156 1.158-1.125h35.88c.598-.031 1.118.488 1.119.97zm8.7 26.237.028-4.63-4.414-.056v4.658zm17.168-10.999-10.825-10.723c-.162-.252-.514-.455-.912-.455-.637 0-1.156.519-1.152 1.203l.043 12.021 12.037-.038c.642-.022 1.161-.541 1.161-1.178.001-.318-.129-.607-.352-.83zm4.97 16.382c0-.637-.519-1.156-1.247-1.131l-16.597.014-.004 20.39c0 .834.51 1.821 1.194 2.514l14.571 14.741c.201.203.507.443.904.443.637 0 1.156-.519 1.157-1.168l.001-35.906",fillRule:"evenodd",clipRule:"evenodd"})),L.button=(0,l.createElement)("svg",{viewBox:"0 0 16 16"},(0,l.createElement)("path",{d:"M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"}));const q=L;function G(e){const{setAttributes:t,attributes:{borderRadius:r,boxShadow:o,align:n,style:a,disableScroll:i,className:d}}=e,m=[{icon:q.shadow.none,title:(0,p.__)("None","popper"),shadow:"wp-block-popper__shadow-none"},{icon:q.shadow.sm,title:(0,p.__)("Small","popper"),shadow:"wp-block-popper__shadow-sm"},{icon:q.shadow.md,title:(0,p.__)("Medium","popper"),shadow:"wp-block-popper__shadow-md"},{icon:q.shadow.lg,title:(0,p.__)("Large","popper"),shadow:"wp-block-popper__shadow-lg"},{icon:q.shadow.xl,title:(0,p.__)("X-Large","popper"),shadow:"wp-block-popper__shadow-xl"}],u=[{icon:q.border.none,title:(0,p.__)("None","popper"),border:"wp-block-popper__border-none"},{icon:q.border.sm,title:(0,p.__)("Small","popper"),border:"wp-block-popper__border-sm"},{icon:q.border.md,title:(0,p.__)("Medium","popper"),border:"wp-block-popper__border-md"},{icon:q.border.lg,title:(0,p.__)("Large","popper"),border:"wp-block-popper__border-lg"},{icon:q.border.xl,title:(0,p.__)("X-Large","popper"),border:"wp-block-popper__border-xl"}];return(0,l.createElement)(s.Fragment,null,(0,l.createElement)(B.BlockControls,null,(0,l.createElement)(c.ToolbarGroup,null,(!d||-1!==d.indexOf("is-style-default"))&&(0,l.createElement)(B.__experimentalBlockAlignmentMatrixControl,{value:n,onChange:e=>{t({align:e})},label:(0,p.__)("Position","popper")})),(0,l.createElement)(c.ToolbarGroup,null,(0,l.createElement)(c.ToolbarDropdownMenu,{icon:q.shadow[o?.replace("wp-block-popper__shadow-","")],label:(0,p.__)("Box shadow","popper"),controls:m.map((e=>{const{shadow:r}=e,l=o===r;return{...e,isActive:l,onClick:()=>t({boxShadow:r})}}))}),(0,l.createElement)(c.ToolbarDropdownMenu,{icon:q.border[r?.replace("wp-block-popper__border-","")],label:(0,p.__)("Border radius","popper"),controls:u.map((e=>{const{border:l}=e,o=r===l;return{...e,isActive:o,onClick:()=>t({borderRadius:l})}}))}))),(0,l.createElement)(B.InspectorAdvancedControls,null,(0,l.createElement)(c.ToggleControl,{checked:i,onChange:()=>t({disableScroll:!i}),label:(0,p.__)("Disable scroll","popper"),help:(0,p.__)("With this option enabled, the page cannot be scrolled until popup is dismissed.","popper")})))}function J(e){const{attributes:t,setAttributes:r,clientId:n,name:a}=e,{backgroundColor:i,boxShadow:d,overlayColor:m,align:u,borderRadius:h,id:g,uuid:b,disableScroll:f}=t,{postId:E,deviceType:k}=(0,o.useSelect)((e=>({deviceType:e("core/editor").getDeviceType(),postId:e("core/editor").getCurrentPostId()})),[]),{hasInnerBlocks:_,innerBlocks:v}=(0,o.useSelect)((e=>{const{getClientIdsOfDescendants:t,getBlockNamesByClientId:r,getBlock:l}=e("core/block-editor"),o=l(n),a=t(n);return{hasInnerBlocks:!(!o||!o.innerBlocks.length),innerBlocks:r(a)}}),[n]);(0,s.useEffect)((()=>{g!=="popper-"+E&&r({id:"popper-"+E}),Number(b)!==E&&r({uuid:E})}));const[w,y]=(0,s.useState)(!1),{selectBlock:C}=(0,o.dispatch)(B.store),S=(0,B.__experimentalUseBorderProps)(t),D=(0,B.__experimentalGetSpacingClassesAndStyles)(t),F=e=>{"popper-backdrop"===e.target.id&&C(n)},A={borderRadius:h,...S.style,...D.style},O={backgroundColor:m};m&&"center center"!==u&&(O.backgroundColor=void 0),i&&(A.backgroundColor=i);const P=T()("wp-block-popper","wp-block-formello-popper","alignfull",{"no-scroll":f,"is-empty":!v.includes("popper/body")},d,h,S.className),N=T()("wp-block-popper-is-open alignfull",{"wp-block-formello-popper--nobg":"center center"!==u||void 0===m});"Mobile"===k&&(A.width=void 0);const R=(0,B.useBlockProps)({className:P,style:A}),{children:W,...j}=(0,B.useInnerBlocksProps)(R,{template:[["popper/body"]],templateLock:!1,renderAppender:_?void 0:B.InnerBlocks.DefaultBlockAppender});return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(B.InspectorControls,null,(0,l.createElement)(M,{...e}),(0,l.createElement)(V,{...e})),(0,l.createElement)(H,{...e}),(0,l.createElement)(B.BlockControls,null,(0,l.createElement)(G,{attributes:t,setAttributes:r}),(0,l.createElement)(c.ToolbarGroup,null,(0,l.createElement)(c.ToolbarButton,{label:(0,p.__)("Template","popper"),icon:I,onClick:()=>{y("templates")}})),(0,l.createElement)(c.ToolbarGroup,null,(0,l.createElement)(c.ToolbarButton,{label:(0,p.__)("Display Rules","popper"),icon:"visibility",onClick:()=>{y("options")}}))),(0,l.createElement)("div",{className:N,onClick:F,onKeyDown:F,style:O,id:"popper-backdrop",role:"button",tabIndex:"-1"},(0,l.createElement)("dialog",{open:!0,"data-align":u,className:P,...j},W)),"templates"===w&&(0,l.createElement)(z,{clientId:n,onRequestClose:()=>y(!1),blockName:a}),"options"===w&&(0,l.createElement)(x,{onRequestClose:()=>y(!1),...e}))}function U(e){const{name:t,clientId:r,setAttributes:n}=e,{replaceInnerBlocks:a}=(0,o.dispatch)("core/block-editor"),{getBlockVariations:c,getDefaultBlockVariation:s}=(0,o.select)("core/blocks"),d=(0,o.useSelect)((()=>void 0===s?null:s(t)),[t,s]),m=(0,o.useSelect)((()=>c(t,"block")),[t,c]);return(0,l.createElement)("div",{...(0,B.useBlockProps)({className:"popper-placeholder"})},(0,l.createElement)(j,{icon:"external",label:"Popup",instructions:(0,p.__)("Select a template to start with.","popper"),variations:m,clientId:r,setAttributes:n,allowSkip:!0,onSelect:(t=d)=>{t.attributes&&n(t.attributes),t.innerBlocks&&a(e.clientId,(0,i.createBlocksFromInnerBlocksTemplate)(t.innerBlocks),!0)}}))}const Y={html:!1,multiple:!1,lock:!1,className:!1,reusable:!1,inserter:!1,spacing:{__experimentalSkipSerialization:!0,padding:!0,margin:!0},__experimentalBorder:{__experimentalSkipSerialization:!0,color:!0,radius:!0,style:!0,width:!0,__experimentalDefaultControls:{color:!0,radius:!0,style:!0,width:!0}}},X={attributes:{id:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"id"},uuid:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-id"},align:{type:"string",default:"center center"},anchor:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-anchor",default:""},animation:{type:"string"},boxShadow:{type:"string",default:"wp-block-popper__shadow-md"},borderRadius:{type:"string",default:"wp-block-popper__border-md"},closeAnchor:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-anchorclose"},closeOnAnchorClick:{type:"boolean",source:"attribute",selector:"div.wp-block-popper",attribute:"data-anchorclose"},closeOnClickOutside:{type:"boolean",source:"attribute",selector:"div.wp-block-popper",attribute:"data-outside",default:!0},closeOnFormSubmission:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-form"},devices:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-devices",default:"desktop,tablet,mobile"},dismissForVisitors:{type:"boolean",source:"attribute",selector:"div.wp-block-popper",attribute:"data-dismiss"},dismissPeriod:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-dismiss",default:"3"},fullPage:{type:"boolean",selector:"div.wp-block-popper.wide",default:!1},fullWidth:{type:"boolean",selector:"div.wp-block-popper.alignfull",default:!1},offset:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-offset",default:20},openBehaviour:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-open"},backgroundColor:{type:"string"},overlayColor:{type:"string"},pageviews:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-pagenum"},target:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-target",default:""},waitTime:{type:"string",source:"attribute",selector:"div.wp-block-popper",attribute:"data-time",default:1},minWidth:{type:"string"}},supports:Y,migrate({id:e,devices:t,openBehaviour:r,anchor:l,anchorClose:o,dismissForVisitors:n,offset:a,waitTime:i,target:c,pageviews:s,...p}){const d={};return l&&(d.anchor={anchor:l}),a&&(d.adblock={offset:a}),a&&(d.scroll={offset:a}),i&&(d.timer={time:i}),c&&(d.target={anchor:c}),s&&(d.pageviews={pageNum:s}),o&&(d.closeAnchor={target:o}),n&&(d.dismissForVisitors={period:n}),"load"===r&&(r="timer",d.timer={time:"0"}),{id:e.replace("modal-","popper-"),triggers:r.split(","),devices:t.split(","),settings:d,...p}},save({attributes:e,className:t}){const{minWidth:r,anchor:o,target:n,waitTime:a,offset:i,openBehaviour:c,backgroundColor:s,borderRadius:p,boxShadow:d,overlayColor:m,closeAnchor:u,closeOnClickOutside:h,closeOnAnchorClick:g,closeOnFormSubmission:b,dismissForVisitors:f,dismissPeriod:E,pageviews:k,animation:_,align:v,fullPage:w,fullWidth:y,id:x,uuid:C,devices:S}=e,D=(0,B.__experimentalGetBorderClassesAndStyles)(e),F=(0,B.__experimentalGetSpacingClassesAndStyles)(e),A=(0,B.__experimentalGetColorClassesAndStyles)(e),O={backgroundColor:s,...D.style},P={...F.style,...A.style,minWidth:y?void 0:r},I=T()("wp-block-popper",t,{"wp-block-popper--right":v.includes("right"),"wp-block-popper--left":v.includes("left"),"wp-block-popper--top":v.includes("top"),"wp-block-popper--bottom":v.includes("bottom")}),N=T()("wp-block-popper__container",d,p,A.className,{"wp-block-popper__animate":!!_,wide:w,fullwidth:y});return _&&(O["--popper-animation"]=_),(0,l.createElement)("div",{"data-open":c,"data-anchor":"anchor"===c?o:void 0,"data-target":"target"===c?n:void 0,"data-anchorclose":g?u:void 0,"data-time":"load"===c?a:void 0,"data-dismiss":f?E:void 0,"data-offset":"scroll"===c?i:void 0,"data-pagenum":"pageviews"===c?k:void 0,"data-outside":h,"data-form":b,"data-id":C||void 0,"data-devices":S,id:x,"aria-hidden":"true",className:I},"center center"===v&&!w&&(0,l.createElement)("div",{className:"wp-block-popper__overlay",tabIndex:"-1",style:{backgroundColor:m}}),(0,l.createElement)("div",{...B.useBlockProps.save({className:N,style:O}),role:"dialog","aria-modal":"true","aria-labelledby":"modal-title"},(0,l.createElement)("main",{className:"wp-block-popper__content",style:P},(0,l.createElement)(B.InnerBlocks.Content,null))))}},$={attributes:{id:{type:"string",source:"attribute",selector:"dialog.wp-block-popper",attribute:"id"},uuid:{type:"number"},devices:{type:"array"},triggers:{type:"array",default:[]},settings:{type:"object",default:{}},align:{type:"string",source:"attribute",selector:"dialog.wp-block-popper",attribute:"data-align",default:"center center"},animation:{type:"string"},boxShadow:{type:"string",default:"wp-block-popper__shadow-md"},borderRadius:{type:"string",default:"wp-block-popper__border-md"},fullPage:{type:"boolean",selector:"dialog.wp-block-popper.wide",default:!1},fullWidth:{type:"boolean",selector:"dialog.wp-block-popper.alignfull",default:!1},disableScroll:{type:"boolean",selector:"dialog.wp-block-popper.no-scroll",default:!1},overlayColor:{type:"string"},minWidth:{type:"string"}},supports:Y,migrate(e,t){const{fullPage:r,fullWidth:l,className:o,boxShadow:n,borderRadius:a,animation:c,minWidth:s,...p}=e,d={};return l&&(d.fullWidth=void 0),r&&(d.fullPage=void 0),s&&(d.minWidth=void 0),[{settings:d,...p},[(0,i.createBlock)("popper/button"),(0,i.createBlock)("popper/body",{width:s},t)]]},save({attributes:e,className:t}){const{minWidth:r,borderRadius:o,boxShadow:n,animation:a,align:i,fullPage:c,fullWidth:s,id:p,uuid:d,devices:m,triggers:u,settings:h,disableScroll:g}=e,b={width:s?void 0:r},f=T()("wp-block-popper",n,o,t,{"wp-block-popper__animate":!!a,"no-scroll":g,wide:c,fullwidth:s});return a&&(b["--popper-animation"]=a),(0,l.createElement)("dialog",{...B.useBlockProps.save({className:f,style:b}),"data-id":d,"data-modal":"center center"===i||void 0,"data-triggers":JSON.stringify(u),"data-devices":JSON.stringify(m),"data-settings":JSON.stringify(h),"data-align":i,id:p},(0,l.createElement)(B.InnerBlocks.Content,null))}},K=[$,X],Q=JSON.parse('{"name":"popper/popup","supports":{"html":false,"interactivity":true,"multiple":false,"lock":false,"className":true,"reusable":false,"inserter":false,"color":{"text":false},"spacing":{"padding":true},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}}},"attributes":{"id":{"type":"string","source":"attribute","selector":"dialog.wp-block-popper","attribute":"id"},"uuid":{"type":"number"},"devices":{"type":"array"},"triggers":{"type":"array","default":[]},"settings":{"type":"object","default":{}},"align":{"type":"string","source":"attribute","selector":"dialog.wp-block-popper","attribute":"data-align"},"animation":{"type":"string"},"boxShadow":{"type":"string","default":"wp-block-popper__shadow-md"},"borderRadius":{"type":"string","default":"wp-block-popper__border-md"},"disableScroll":{"type":"boolean","selector":"dialog.wp-block-popper.no-scroll","default":false},"overlayColor":{"type":"string"},"minWidth":{"type":"string"}}}');var Z,ee,te,re,le,oe,ne,ae,ie,ce,se,pe,de,me,ue,he,ge,be,fe,Ee,ke,_e,ve,we,ye,xe,Ce,Se,Be,De,Fe,Ae,Oe,Te,Pe,Ie,Ne,Re,We,ze,je,He,Me,Ve,Le,qe,Ge,Je,Ue,Ye;function Xe(){return Xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Xe.apply(this,arguments)}function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},$e.apply(this,arguments)}function Ke(){return Ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Ke.apply(this,arguments)}function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Qe.apply(this,arguments)}function Ze(){return Ze=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Ze.apply(this,arguments)}const et=[{name:"simple",title:(0,p.__)("Default"),description:(0,p.__)("Default popup"),icon:function(e){return l.createElement("svg",Xe({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),Z||(Z=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),ee||(ee=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),te||(te=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),re||(re=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),le||(le=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),oe||(oe=l.createElement("rect",{width:32,height:22,x:11,y:13,fill:"#666",rx:2})),ne||(ne=l.createElement("rect",{width:17,height:3,x:14,y:27,fill:"#EAEDF1",rx:1.5})),ae||(ae=l.createElement("circle",{cx:40,cy:16,r:1,fill:"#EAEDF1"})),ie||(ie=l.createElement("rect",{width:12,height:2,x:21,y:19,fill:"#EAEDF1",rx:1})),ce||(ce=l.createElement("rect",{width:7,height:3,x:33,y:27,fill:"#EAEDF1",rx:1.5})))},attributes:{align:"center center",fullPage:!1,fullWidth:!1,className:"is-style-default"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"slide-in",title:(0,p.__)("Slide In"),description:(0,p.__)("Slide in popup"),icon:function(e){return l.createElement("svg",Ze({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),je||(je=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),He||(He=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),Me||(Me=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),Ve||(Ve=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),Le||(Le=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),qe||(qe=l.createElement("rect",{width:24,height:16,x:27,y:23,fill:"#666",rx:2})),Ge||(Ge=l.createElement("circle",{cx:48,cy:26,r:1,fill:"#EAEDF1"})),Je||(Je=l.createElement("rect",{width:11,height:3,x:30,y:34,fill:"#EAEDF1",rx:1.5})),Ue||(Ue=l.createElement("rect",{width:10,height:2,x:34,y:28,fill:"#EAEDF1",rx:1})),Ye||(Ye=l.createElement("rect",{width:5,height:3,x:43,y:34,fill:"#EAEDF1",rx:1.5})))},attributes:{align:"bottom left",fullPage:!1,fullWidth:!1,className:"is-style-default"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"off-canvas",title:(0,p.__)("Off canvas"),description:(0,p.__)("Off canvas"),icon:function(e){return l.createElement("svg",Qe({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),De||(De=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),Fe||(Fe=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),Ae||(Ae=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Oe||(Oe=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Te||(Te=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Pe||(Pe=l.createElement("rect",{width:24,height:30,x:27,y:9,fill:"#666",rx:2})),Ie||(Ie=l.createElement("rect",{width:12,height:3,x:29,y:32,fill:"#EAEDF1",rx:1.5})),Ne||(Ne=l.createElement("rect",{width:16,height:2,x:31,y:18,fill:"#EAEDF1",rx:1})),Re||(Re=l.createElement("rect",{width:20,height:2,x:29,y:22,fill:"#EAEDF1",rx:1})),We||(We=l.createElement("rect",{width:6,height:3,x:43,y:32,fill:"#EAEDF1",rx:1.5})),ze||(ze=l.createElement("circle",{cx:48,cy:12,r:1,fill:"#EAEDF1"})))},attributes:{align:void 0,className:"is-style-off-canvas"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"bottom-bar",title:(0,p.__)("Bottom bar"),description:(0,p.__)("Bottom Bar"),icon:function(e){return l.createElement("svg",Ke({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),_e||(_e=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),ve||(ve=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),we||(we=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),ye||(ye=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),xe||(xe=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Ce||(Ce=l.createElement("rect",{width:48,height:7,x:3,y:32,fill:"#666",rx:2})),Se||(Se=l.createElement("rect",{width:27,height:3,x:7,y:34,fill:"#EAEDF1",rx:1.5})),Be||(Be=l.createElement("rect",{width:11,height:3,x:36.009,y:34,fill:"#EAEDF1",rx:1.5})))},attributes:{align:void 0,className:"is-style-bottom-bar",backgroundColor:"white"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"full-page",title:(0,p.__)("Full Page"),description:(0,p.__)("Full Page"),icon:function(e){return l.createElement("svg",$e({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),se||(se=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),pe||(pe=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),de||(de=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),me||(me=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),ue||(ue=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),he||(he=l.createElement("rect",{width:48,height:30,x:3,y:9,fill:"#666",rx:2})),ge||(ge=l.createElement("rect",{width:26,height:4,x:8,y:30,fill:"#EAEDF1",rx:2})),be||(be=l.createElement("rect",{width:20,height:2,x:17,y:17,fill:"#EAEDF1",rx:1})),fe||(fe=l.createElement("rect",{width:28,height:2,x:13,y:21,fill:"#EAEDF1",rx:1})),Ee||(Ee=l.createElement("rect",{width:10,height:4,x:36,y:30,fill:"#EAEDF1",rx:2})),ke||(ke=l.createElement("circle",{cx:48,cy:12,r:1,fill:"#EAEDF1"})))},attributes:{align:void 0,fullPage:!0,fullWidth:!1,className:"is-style-full-page",backgroundColor:"white"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]}],{name:tt,attributes:rt,supports:lt}=Q;(0,i.registerBlockType)(tt,{attributes:rt,variations:et,deprecated:K,supports:lt,edit:e=>{const{clientId:t}=e,r=(0,o.useSelect)((e=>{const{getBlock:r}=e("core/block-editor"),l=r(t);return!(!l||!l.innerBlocks.length)}),[t])?J:U;return(0,l.createElement)(r,{...e})},save:function({attributes:e}){const{minWidth:t,triggers:r,borderRadius:o,boxShadow:n,animation:a,align:i,id:c,uuid:s,devices:p,settings:d,disableScroll:m,className:u}=e,h={width:-1!==u?.indexOf("is-style-top-bar")||-1!==u?.indexOf("is-style-bottom-bar")?t:void 0},g=T()("wp-block-popper",n,o,u,{"wp-block-popper__animate":!!a,"no-scroll":m});return!a||u?.includes("is-style-off-canvas")||u?.includes("is-style-off-canvas-left")||(h["--popper-animation"]=a),(0,l.createElement)("dialog",{...B.useBlockProps.save({className:g,style:h}),"data-id":s,"data-modal":"center center"===i||void 0,"data-triggers":JSON.stringify(r),"data-devices":JSON.stringify(p),"data-settings":JSON.stringify(d),"data-align":i,id:c},(0,l.createElement)(B.InnerBlocks.Content,null))}})},184:(e,t)=>{var r;!function(){"use strict";var l={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var n=typeof r;if("string"===n||"number"===n)e.push(r);else if(Array.isArray(r)){if(r.length){var a=o.apply(null,r);a&&e.push(a)}}else if("object"===n){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var i in r)l.call(r,i)&&r[i]&&e.push(i)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}},r={};function l(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,e=[],l.O=(t,r,o,n)=>{if(!r){var a=1/0;for(p=0;p<e.length;p++){for(var[r,o,n]=e[p],i=!0,c=0;c<r.length;c++)(!1&n||a>=n)&&Object.keys(l.O).every((e=>l.O[e](r[c])))?r.splice(c--,1):(i=!1,n<a&&(a=n));if(i){e.splice(p--,1);var s=o();void 0!==s&&(t=s)}}return t}n=n||0;for(var p=e.length;p>0&&e[p-1][2]>n;p--)e[p]=e[p-1];e[p]=[r,o,n]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={33:0,501:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,i,c]=r,s=0;if(a.some((t=>0!==e[t]))){for(o in i)l.o(i,o)&&(l.m[o]=i[o]);if(c)var p=c(l)}for(t&&t(r);s<a.length;s++)n=a[s],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(p)},r=globalThis.webpackChunkpopper=globalThis.webpackChunkpopper||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var o=l.O(void 0,[501],(()=>l(90)));o=l.O(o)})();
+(()=>{var e,t={90:(e,t,r)=>{"use strict";const l=window.React,o=window.wp.data,n=window.wp.plugins,a=window.wp.editPost,i=window.wp.blocks,c=window.wp.components,s=window.wp.element,p=window.wp.i18n,d=window.wp.coreData;function m(e){const{type:t,rule:r,index:n,onChange:a}=e,i=(0,o.useSelect)((e=>e("core").getEntityRecords("taxonomy",t,{per_page:-1})));let s=[],d=[];const m=r.object;return null!==i&&(s=i.map((e=>e.name)),d=m.map((e=>{const t=i.find((t=>t.id===parseInt(e)));return!(void 0===t||!t)&&t.name})).filter((e=>!!e))),(0,l.createElement)(c.FlexItem,{isBlock:!0},(0,l.createElement)(c.FormTokenField,{value:d,suggestions:s,placeholder:(0,p.__)("Type to choose an item","popper"),onChange:e=>{const t=[];e.forEach((e=>{const r=i.find((t=>t.name===e));void 0!==r&&t.push(r.id)})),a("object",t,n)},maxSuggestions:5,__experimentalShowHowTo:!1}))}function u(e){const{type:t,rule:r,index:n,onChange:a}=e,i=(0,o.useSelect)((e=>e("core").getEntityRecords("postType",t,{per_page:-1})));let s=[],d=[];const m=r.object;return null!==i&&(s=i.map((e=>e.title.raw)),d=m.map((e=>{const t=i.find((t=>t.id===parseInt(e)));return!(void 0===t||!t)&&t.title.raw})).filter((e=>!!e))),(0,l.createElement)(c.FlexItem,{isBlock:!0},(0,l.createElement)(c.FormTokenField,{value:d,suggestions:s,placeholder:(0,p.__)("Type to choose an item","popper"),onChange:e=>{const t=[];e.forEach((e=>{const r=i.find((t=>t.title.raw===e));void 0!==r&&t.push(r.id)})),a("object",t,n)},maxSuggestions:5,__experimentalShowHowTo:!1,__nextHasNoMarginBottom:!0}))}function h(e){const{onDelete:t,,"color":{"text":false},"spacing":{"padding":true},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}}},"attributes":{"id":{"type":"string","source":"attribute","selector":"dialog.wp-block-popper","attribute":"id"},"uuid":{"type":"number"},"devices":{"type":"array"},"triggers":{"type":"array","default":[]},"settings":{"type":"object","default":{}},"align":{"type":"string","source":"attribute","selector":"dialog.wp-block-popper","attribute":"data-align"},"animation":{"type":"string"},"boxShadow":{"type":"string","default":"wp-block-popper__shadow-md"},"borderRadius":{"type":"string","default":"wp-block-popper__border-md"},"disableScroll":{"type":"boolean","selector":"dialog.wp-block-popper.no-scroll","default":false},"overlayColor":{"type":"string"},"minWidth":{"type":"string"}}}');var Z,ee,te,re,le,oe,ne,ae,ie,ce,se,pe,de,me,ue,he,ge,be,fe,Ee,ke,_e,ve,we,ye,xe,Ce,Se,Be,De,Fe,Ae,Oe,Te,Pe,Ie,Ne,Re,We,ze,je,He,Me,Ve,Le,qe,Ge,Je,Ue,Ye;function Xe(){return Xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Xe.apply(this,arguments)}function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},$e.apply(this,arguments)}function Ke(){return Ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Ke.apply(this,arguments)}function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Qe.apply(this,arguments)}function Ze(){return Ze=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},Ze.apply(this,arguments)}const et=[{name:"simple",title:(0,p.__)("Default"),description:(0,p.__)("Default popup"),icon:function(e){return l.createElement("svg",Xe({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),Z||(Z=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),ee||(ee=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),te||(te=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),re||(re=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),le||(le=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),oe||(oe=l.createElement("rect",{width:32,height:22,x:11,y:13,fill:"#666",rx:2})),ne||(ne=l.createElement("rect",{width:17,height:3,x:14,y:27,fill:"#EAEDF1",rx:1.5})),ae||(ae=l.createElement("circle",{cx:40,cy:16,r:1,fill:"#EAEDF1"})),ie||(ie=l.createElement("rect",{width:12,height:2,x:21,y:19,fill:"#EAEDF1",rx:1})),ce||(ce=l.createElement("rect",{width:7,height:3,x:33,y:27,fill:"#EAEDF1",rx:1.5})))},attributes:{align:"center center",fullPage:!1,fullWidth:!1,className:"is-style-default"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"slide-in",title:(0,p.__)("Slide In"),description:(0,p.__)("Slide in popup"),icon:function(e){return l.createElement("svg",Ze({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),je||(je=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),He||(He=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),Me||(Me=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),Ve||(Ve=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),Le||(Le=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),qe||(qe=l.createElement("rect",{width:24,height:16,x:27,y:23,fill:"#666",rx:2})),Ge||(Ge=l.createElement("circle",{cx:48,cy:26,r:1,fill:"#EAEDF1"})),Je||(Je=l.createElement("rect",{width:11,height:3,x:30,y:34,fill:"#EAEDF1",rx:1.5})),Ue||(Ue=l.createElement("rect",{width:10,height:2,x:34,y:28,fill:"#EAEDF1",rx:1})),Ye||(Ye=l.createElement("rect",{width:5,height:3,x:43,y:34,fill:"#EAEDF1",rx:1.5})))},attributes:{align:"bottom left",fullPage:!1,fullWidth:!1,className:"is-style-default"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"off-canvas",title:(0,p.__)("Off canvas"),description:(0,p.__)("Off canvas"),icon:function(e){return l.createElement("svg",Qe({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),De||(De=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),Fe||(Fe=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),Ae||(Ae=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Oe||(Oe=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Te||(Te=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Pe||(Pe=l.createElement("rect",{width:24,height:30,x:27,y:9,fill:"#666",rx:2})),Ie||(Ie=l.createElement("rect",{width:12,height:3,x:29,y:32,fill:"#EAEDF1",rx:1.5})),Ne||(Ne=l.createElement("rect",{width:16,height:2,x:31,y:18,fill:"#EAEDF1",rx:1})),Re||(Re=l.createElement("rect",{width:20,height:2,x:29,y:22,fill:"#EAEDF1",rx:1})),We||(We=l.createElement("rect",{width:6,height:3,x:43,y:32,fill:"#EAEDF1",rx:1.5})),ze||(ze=l.createElement("circle",{cx:48,cy:12,r:1,fill:"#EAEDF1"})))},attributes:{align:void 0,className:"is-style-off-canvas"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"bottom-bar",title:(0,p.__)("Bottom bar"),description:(0,p.__)("Bottom Bar"),icon:function(e){return l.createElement("svg",Ke({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),_e||(_e=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),ve||(ve=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),we||(we=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),ye||(ye=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),xe||(xe=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"#EAEDF1",stroke:"#EAEDF1"})),Ce||(Ce=l.createElement("rect",{width:48,height:7,x:3,y:32,fill:"#666",rx:2})),Se||(Se=l.createElement("rect",{width:27,height:3,x:7,y:34,fill:"#EAEDF1",rx:1.5})),Be||(Be=l.createElement("rect",{width:11,height:3,x:36.009,y:34,fill:"#EAEDF1",rx:1.5})))},attributes:{align:void 0,className:"is-style-bottom-bar",backgroundColor:"white"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]},{name:"full-page",title:(0,p.__)("Full Page"),description:(0,p.__)("Full Page"),icon:function(e){return l.createElement("svg",$e({xmlns:"http://www.w3.org/2000/svg",width:54,height:42,fill:"none"},e),se||(se=l.createElement("rect",{width:54,height:42,fill:"#EAEDF1",rx:3})),pe||(pe=l.createElement("path",{fill:"#666",d:"M0 3a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3H0z"})),de||(de=l.createElement("circle",{cx:3,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),me||(me=l.createElement("circle",{cx:6,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),ue||(ue=l.createElement("circle",{cx:9,cy:3,r:.5,fill:"var(--groot-primary003)",stroke:"#EAEDF1"})),he||(he=l.createElement("rect",{width:48,height:30,x:3,y:9,fill:"#666",rx:2})),ge||(ge=l.createElement("rect",{width:26,height:4,x:8,y:30,fill:"#EAEDF1",rx:2})),be||(be=l.createElement("rect",{width:20,height:2,x:17,y:17,fill:"#EAEDF1",rx:1})),fe||(fe=l.createElement("rect",{width:28,height:2,x:13,y:21,fill:"#EAEDF1",rx:1})),Ee||(Ee=l.createElement("rect",{width:10,height:4,x:36,y:30,fill:"#EAEDF1",rx:2})),ke||(ke=l.createElement("circle",{cx:48,cy:12,r:1,fill:"#EAEDF1"})))},attributes:{align:void 0,fullPage:!0,fullWidth:!1,className:"is-style-full-page",backgroundColor:"white"},innerBlocks:[["popper/button"],["popper/body",{backgroundColor:"white"},[["core/paragraph",{content:"My first popup"}]]]],scope:["block"]}],{name:tt,attributes:rt,supports:lt}=Q;(0,i.registerBlockType)(tt,{attributes:rt,variations:et,deprecated:K,supports:lt,edit:e=>{const{clientId:t}=e,r=(0,o.useSelect)((e=>{const{getBlock:r}=e("core/block-editor"),l=r(t);return!(!l||!l.innerBlocks.length)}),[t])?J:U;return(0,l.createElement)(r,{...e})},save:function({attributes:e}){const{minWidth:t,triggers:r,borderRadius:o,boxShadow:n,animation:a,align:i,id:c,uuid:s,devices:p,settings:d,disableScroll:m,className:u}=e,h={width:-1!==u?.indexOf("is-style-top-bar")||-1!==u?.indexOf("is-style-bottom-bar")?t:void 0},g=T()("wp-block-popper",n,o,u,{"wp-block-popper__animate":!!a,"no-scroll":m});return!a||u?.includes("is-style-off-canvas")||u?.includes("is-style-off-canvas-left")||(h["--popper-animation"]=a),(0,l.createElement)("dialog",{...B.useBlockProps.save({className:g,style:h}),"data-id":s,"data-modal":"center center"===i||void 0,"data-triggers":JSON.stringify(r),"data-devices":JSON.stringify(p),"data-settings":JSON.stringify(d),"data-align":i,id:c},(0,l.createElement)(B.InnerBlocks.Content,null))}})},184:(e,t)=>{var r;!function(){"use strict";var l={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var n=typeof r;if("string"===n||"number"===n)e.push(r);else if(Array.isArray(r)){if(r.length){var a=o.apply(null,r);a&&e.push(a)}}else if("object"===n){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var i in r)l.call(r,i)&&r[i]&&e.push(i)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}},r={};function l(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,e=[],l.O=(t,r,o,n)=>{if(!r){var a=1/0;for(p=0;p<e.length;p++){for(var[r,o,n]=e[p],i=!0,c=0;c<r.length;c++)(!1&n||a>=n)&&Object.keys(l.O).every((e=>l.O[e](r[c])))?r.splice(c--,1):(i=!1,n<a&&(a=n));if(i){e.splice(p--,1);var s=o();void 0!==s&&(t=s)}}return t}n=n||0;for(var p=e.length;p>0&&e[p-1][2]>n;p--)e[p]=e[p-1];e[p]=[r,o,n]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={33:0,501:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,i,c]=r,s=0;if(a.some((t=>0!==e[t]))){for(o in i)l.o(i,o)&&(l.m[o]=i[o]);if(c)var p=c(l)}for(t&&t(r);s<a.length;s++)n=a[s],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(p)},r=globalThis.webpackChunkpopper=globalThis.webpackChunkpopper||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var o=l.O(void 0,[501],(()=>l(90)));o=l.O(o)})();