@secretstache/wordpress-gutenberg 0.1.2

package/.editorconfig

@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.js]
+indent_size = 4
+
+[*.scss]
+indent_size = 4

package/build/index.js

@@ -0,0 +1,2 @@
+import{ColorPalette as e,Button as n,Icon as r,BaseControl as t,CheckboxControl as o,ToggleControl as a}from"@wordpress/components";import l from"@wordpress/api-fetch";import{useSelect as i}from"@wordpress/data";import{useRef as c,useEffect as s}from"@wordpress/element";import{jsx as d,jsxs as u,Fragment as m}from"react/jsx-runtime";import{MediaUploadCheck as p,MediaUpload as g,MediaPlaceholder as h,URLInput as v}from"@wordpress/block-editor";import{edit as b,trash as y}from"@wordpress/icons";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var w,k,A={exports:{}};(w=A).exports=(k=function(){var e=JSON.parse('{"$":"dollar","%":"percent","&":"and","<":"less",">":"greater","|":"or","¢":"cent","£":"pound","¤":"currency","¥":"yen","©":"(c)","ª":"a","®":"(r)","º":"o","À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Æ":"AE","Ç":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","Þ":"TH","ß":"ss","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","æ":"ae","ç":"c","è":"e","é":"e","ê":"e","ë":"e","ì":"i","í":"i","î":"i","ï":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","þ":"th","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Č":"C","č":"c","Ď":"D","ď":"d","Đ":"DJ","đ":"dj","Ē":"E","ē":"e","Ė":"E","ė":"e","Ę":"e","ę":"e","Ě":"E","ě":"e","Ğ":"G","ğ":"g","Ģ":"G","ģ":"g","Ĩ":"I","ĩ":"i","Ī":"i","ī":"i","Į":"I","į":"i","İ":"I","ı":"i","Ķ":"k","ķ":"k","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ł":"L","ł":"l","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","Ō":"O","ō":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","Ŕ":"R","ŕ":"r","Ř":"R","ř":"r","Ś":"S","ś":"s","Ş":"S","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","Ť":"T","ť":"t","Ũ":"U","ũ":"u","Ū":"u","ū":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","Ə":"E","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Lj":"LJ","lj":"lj","Nj":"NJ","nj":"nj","Ș":"S","ș":"s","Ț":"T","ț":"t","ə":"e","˚":"o","Ά":"A","Έ":"E","Ή":"H","Ί":"I","Ό":"O","Ύ":"Y","Ώ":"W","ΐ":"i","Α":"A","Β":"B","Γ":"G","Δ":"D","Ε":"E","Ζ":"Z","Η":"H","Θ":"8","Ι":"I","Κ":"K","Λ":"L","Μ":"M","Ν":"N","Ξ":"3","Ο":"O","Π":"P","Ρ":"R","Σ":"S","Τ":"T","Υ":"Y","Φ":"F","Χ":"X","Ψ":"PS","Ω":"W","Ϊ":"I","Ϋ":"Y","ά":"a","έ":"e","ή":"h","ί":"i","ΰ":"y","α":"a","β":"b","γ":"g","δ":"d","ε":"e","ζ":"z","η":"h","θ":"8","ι":"i","κ":"k","λ":"l","μ":"m","ν":"n","ξ":"3","ο":"o","π":"p","ρ":"r","ς":"s","σ":"s","τ":"t","υ":"y","φ":"f","χ":"x","ψ":"ps","ω":"w","ϊ":"i","ϋ":"y","ό":"o","ύ":"y","ώ":"w","Ё":"Yo","Ђ":"DJ","Є":"Ye","І":"I","Ї":"Yi","Ј":"J","Љ":"LJ","Њ":"NJ","Ћ":"C","Џ":"DZ","А":"A","Б":"B","В":"V","Г":"G","Д":"D","Е":"E","Ж":"Zh","З":"Z","И":"I","Й":"J","К":"K","Л":"L","М":"M","Н":"N","О":"O","П":"P","Р":"R","С":"S","Т":"T","У":"U","Ф":"F","Х":"H","Ц":"C","Ч":"Ch","Ш":"Sh","Щ":"Sh","Ъ":"U","Ы":"Y","Ь":"","Э":"E","Ю":"Yu","Я":"Ya","а":"a","б":"b","в":"v","г":"g","д":"d","е":"e","ж":"zh","з":"z","и":"i","й":"j","к":"k","л":"l","м":"m","н":"n","о":"o","п":"p","р":"r","с":"s","т":"t","у":"u","ф":"f","х":"h","ц":"c","ч":"ch","ш":"sh","щ":"sh","ъ":"u","ы":"y","ь":"","э":"e","ю":"yu","я":"ya","ё":"yo","ђ":"dj","є":"ye","і":"i","ї":"yi","ј":"j","љ":"lj","њ":"nj","ћ":"c","ѝ":"u","џ":"dz","Ґ":"G","ґ":"g","Ғ":"GH","ғ":"gh","Қ":"KH","қ":"kh","Ң":"NG","ң":"ng","Ү":"UE","ү":"ue","Ұ":"U","ұ":"u","Һ":"H","һ":"h","Ә":"AE","ә":"ae","Ө":"OE","ө":"oe","Ա":"A","Բ":"B","Գ":"G","Դ":"D","Ե":"E","Զ":"Z","Է":"E\'","Ը":"Y\'","Թ":"T\'","Ժ":"JH","Ի":"I","Լ":"L","Խ":"X","Ծ":"C\'","Կ":"K","Հ":"H","Ձ":"D\'","Ղ":"GH","Ճ":"TW","Մ":"M","Յ":"Y","Ն":"N","Շ":"SH","Չ":"CH","Պ":"P","Ջ":"J","Ռ":"R\'","Ս":"S","Վ":"V","Տ":"T","Ր":"R","Ց":"C","Փ":"P\'","Ք":"Q\'","Օ":"O\'\'","Ֆ":"F","և":"EV","ء":"a","آ":"aa","أ":"a","ؤ":"u","إ":"i","ئ":"e","ا":"a","ب":"b","ة":"h","ت":"t","ث":"th","ج":"j","ح":"h","خ":"kh","د":"d","ذ":"th","ر":"r","ز":"z","س":"s","ش":"sh","ص":"s","ض":"dh","ط":"t","ظ":"z","ع":"a","غ":"gh","ف":"f","ق":"q","ك":"k","ل":"l","م":"m","ن":"n","ه":"h","و":"w","ى":"a","ي":"y","ً":"an","ٌ":"on","ٍ":"en","َ":"a","ُ":"u","ِ":"e","ْ":"","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","پ":"p","چ":"ch","ژ":"zh","ک":"k","گ":"g","ی":"y","۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","฿":"baht","ა":"a","ბ":"b","გ":"g","დ":"d","ე":"e","ვ":"v","ზ":"z","თ":"t","ი":"i","კ":"k","ლ":"l","მ":"m","ნ":"n","ო":"o","პ":"p","ჟ":"zh","რ":"r","ს":"s","ტ":"t","უ":"u","ფ":"f","ქ":"k","ღ":"gh","ყ":"q","შ":"sh","ჩ":"ch","ც":"ts","ძ":"dz","წ":"ts","ჭ":"ch","ხ":"kh","ჯ":"j","ჰ":"h","Ṣ":"S","ṣ":"s","Ẁ":"W","ẁ":"w","Ẃ":"W","ẃ":"w","Ẅ":"W","ẅ":"w","ẞ":"SS","Ạ":"A","ạ":"a","Ả":"A","ả":"a","Ấ":"A","ấ":"a","Ầ":"A","ầ":"a","Ẩ":"A","ẩ":"a","Ẫ":"A","ẫ":"a","Ậ":"A","ậ":"a","Ắ":"A","ắ":"a","Ằ":"A","ằ":"a","Ẳ":"A","ẳ":"a","Ẵ":"A","ẵ":"a","Ặ":"A","ặ":"a","Ẹ":"E","ẹ":"e","Ẻ":"E","ẻ":"e","Ẽ":"E","ẽ":"e","Ế":"E","ế":"e","Ề":"E","ề":"e","Ể":"E","ể":"e","Ễ":"E","ễ":"e","Ệ":"E","ệ":"e","Ỉ":"I","ỉ":"i","Ị":"I","ị":"i","Ọ":"O","ọ":"o","Ỏ":"O","ỏ":"o","Ố":"O","ố":"o","Ồ":"O","ồ":"o","Ổ":"O","ổ":"o","Ỗ":"O","ỗ":"o","Ộ":"O","ộ":"o","Ớ":"O","ớ":"o","Ờ":"O","ờ":"o","Ở":"O","ở":"o","Ỡ":"O","ỡ":"o","Ợ":"O","ợ":"o","Ụ":"U","ụ":"u","Ủ":"U","ủ":"u","Ứ":"U","ứ":"u","Ừ":"U","ừ":"u","Ử":"U","ử":"u","Ữ":"U","ữ":"u","Ự":"U","ự":"u","Ỳ":"Y","ỳ":"y","Ỵ":"Y","ỵ":"y","Ỷ":"Y","ỷ":"y","Ỹ":"Y","ỹ":"y","–":"-","‘":"\'","’":"\'","“":"\\"","”":"\\"","„":"\\"","†":"+","•":"*","…":"...","₠":"ecu","₢":"cruzeiro","₣":"french franc","₤":"lira","₥":"mill","₦":"naira","₧":"peseta","₨":"rupee","₩":"won","₪":"new shequel","₫":"dong","€":"euro","₭":"kip","₮":"tugrik","₯":"drachma","₰":"penny","₱":"peso","₲":"guarani","₳":"austral","₴":"hryvnia","₵":"cedi","₸":"kazakhstani tenge","₹":"indian rupee","₺":"turkish lira","₽":"russian ruble","₿":"bitcoin","℠":"sm","™":"tm","∂":"d","∆":"delta","∑":"sum","∞":"infinity","♥":"love","元":"yuan","円":"yen","﷼":"rial","ﻵ":"laa","ﻷ":"laa","ﻹ":"lai","ﻻ":"la"}'),n=JSON.parse('{"bg":{"Й":"Y","Ц":"Ts","Щ":"Sht","Ъ":"A","Ь":"Y","й":"y","ц":"ts","щ":"sht","ъ":"a","ь":"y"},"de":{"Ä":"AE","ä":"ae","Ö":"OE","ö":"oe","Ü":"UE","ü":"ue","ß":"ss","%":"prozent","&":"und","|":"oder","∑":"summe","∞":"unendlich","♥":"liebe"},"es":{"%":"por ciento","&":"y","<":"menor que",">":"mayor que","|":"o","¢":"centavos","£":"libras","¤":"moneda","₣":"francos","∑":"suma","∞":"infinito","♥":"amor"},"fr":{"%":"pourcent","&":"et","<":"plus petit",">":"plus grand","|":"ou","¢":"centime","£":"livre","¤":"devise","₣":"franc","∑":"somme","∞":"infini","♥":"amour"},"pt":{"%":"porcento","&":"e","<":"menor",">":"maior","|":"ou","¢":"centavo","∑":"soma","£":"libra","∞":"infinito","♥":"amor"},"uk":{"И":"Y","и":"y","Й":"Y","й":"y","Ц":"Ts","ц":"ts","Х":"Kh","х":"kh","Щ":"Shch","щ":"shch","Г":"H","г":"h"},"vi":{"Đ":"D","đ":"d"},"da":{"Ø":"OE","ø":"oe","Å":"AA","å":"aa","%":"procent","&":"og","|":"eller","$":"dollar","<":"mindre end",">":"større end"},"nb":{"&":"og","Å":"AA","Æ":"AE","Ø":"OE","å":"aa","æ":"ae","ø":"oe"},"it":{"&":"e"},"nl":{"&":"en"},"sv":{"&":"och","Å":"AA","Ä":"AE","Ö":"OE","å":"aa","ä":"ae","ö":"oe"}}');function r(r,t){if("string"!=typeof r)throw new Error("slugify: string argument expected");var o=n[(t="string"==typeof t?{replacement:t}:t||{}).locale]||{},a=void 0===t.replacement?"-":t.replacement,l=void 0===t.trim||t.trim,i=r.normalize().split("").reduce((function(n,r){var l=o[r];return void 0===l&&(l=e[r]),void 0===l&&(l=r),l===a&&(l=" "),n+l.replace(t.remove||/[^\w\s$*_+~.()'"!\-:@]+/g,"")}),"");return t.strict&&(i=i.replace(/[^A-Za-z0-9\s]/g,"")),l&&(i=i.trim()),i=i.replace(/\s+/g,a),t.lower&&(i=i.toLowerCase()),i}return r.extend=function(n){Object.assign(e,n)},r})(),w.exports.default=k();var E=f(A.exports);const C=async function(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const t=await l({path:"/wp/v2/".concat(n,"?search=").concat(encodeURIComponent(e))});return r?null==t?void 0:t.map(r):null==t?void 0:t.map((e=>{var n;const r=document.createElement("div");return r.innerHTML=null==e||null===(n=e.title)||void 0===n?void 0:n.rendered,{value:e.id,label:r.textContent||r.innerText||""}}))},I=function(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return i((t=>{const{getBlock:o,getBlockRootClientId:a,getBlockHierarchyRootClientId:l}=t("core/block-editor");if(!e)return null;const{rootBlockId:i="",includeSelf:c=!1}=r;if(i){if(l(e)!==i)return null}let s=e,d=o(s);if(c&&(null==d?void 0:d.name)===n)return d;let u=a(s),m=o(u);for(;m&&(!i||u!==i)&&u;){if(m.name===n)return m;s=u,u=a(s),m=o(u)}return null}),[e,n,r.rootBlockId,r.includeSelf])},O=e=>E(e,{replacement:"-",lower:!0,strict:!0}),S=e=>{if(e.startsWith("<?xml")){const n=e.indexOf("?>");-1!==n&&(e=e.substring(n+2))}return e=e.trim()},_="image/svg+xml",N=async e=>{const n=(null==e?void 0:e.mime)===_||(null==e?void 0:e.mime_type)===_,r={isSvg:n,imageUrl:null,svgCode:null,width:null==e?void 0:e.width,height:null==e?void 0:e.height};return n?r.svgCode=await fetch(e.url).then((e=>e.text())).then(S):r.imageUrl=null==e?void 0:e.url,r},U=e=>{if(!e)return"";let n=e;const r=e.match(/^\+\d(\d{3})(\d{3})(\d{4})$/);return r&&(n="".concat(r[1],"-").concat(r[2],"-").concat(r[3])),n},T=e=>{const{street_number:n="",street_name:r="",city:t="",state_short:o="",post_code:a=""}=e;let l=["".concat(n," ").concat(r).trim()];t&&l.push("<br>".concat(t));let i=[];o&&i.push(o),a&&i.push(a);let c=i.join(" ");return c&&l.push("".concat(l.length>0?", ":"").concat(c)),l.join("")},R=(e,n,r)=>{const t=c(null);return s((()=>{let o;return e&&null!=n&&n.length&&null!=t&&t.current&&(o=r(t.current)),()=>{var e;null===(e=o)||void 0===e||e.destroy()}}),[e,n]),t},Y=(e,n,r)=>{const{query:t,curatedItems:o,selectedCategories:a,categoryKey:l,numberOfItems:c,order:s="desc",orderby:d="date"}=r,{records:u,isLoading:m}=i((r=>{const i={order:s,orderby:d,_embed:!0};null!=t&&t.LATEST_BY_CATEGORY&&null!=a&&a.length?i[l]=a.join(","):null!=t&&t.BY_CATEGORY&&null!=a&&a.length?i[l]=a.map((e=>e.value)).join(","):null!=t&&t.CURATED&&null!=o&&o.length&&(i.include=o.map((e=>e.value)),i.orderby="include"),c&&(i.per_page=c);const u=r("core").getEntityRecords(e,n,i);return{records:u,isLoading:r("core/data").isResolving("core","getEntityRecords",[e,n,i])||void 0===u}}),[t,o,a,l,c,s,d]);return{records:u,isLoading:m}},z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return i((n=>{var r;const{getSettings:t}=n("core/block-editor"),o=null===(r=t())||void 0===r?void 0:r.colors;return e.length>0?null==o?void 0:o.filter((n=>e.includes(n.slug))):o}),[])},j=(e,n)=>(r,t)=>{const o=e.find((e=>e.color===r));n({[t]:o?{value:r,slug:o.slug}:null})},x=e=>(n,r)=>{e({[r]:n})},H=n=>{let{allowedColors:r,colorAttribute:t,attributeName:o,setAttributes:a}=n;const l=z(r),i=j(l,a);return d(e,{colors:l,value:null==t?void 0:t.value,disableCustomColors:!0,onChange:e=>i(e,o)})},D=e=>{let{imageId:t,imageUrl:o,imageAlt:a,svgCode:l,onSelect:i,onRemove:c}=e;const s=t&&o,m=s&&l;return d(p,{children:d(g,{onSelect:i,allowedTypes:["image"],value:t,render:e=>{let{open:t}=e;return s?u("div",{className:"bc-image-wrapper",children:[s&&(m?d("div",{className:"svg-container",dangerouslySetInnerHTML:{__html:l}}):d("img",{src:o,alt:a||"icon"})),u("div",{className:"bc-image-wrapper__actions",children:[d(n,{className:"bc-image-wrapper__btn bc-image-wrapper__replace-btn",type:"button",onClick:t,children:d(r,{icon:b,size:20,className:"bc-image-wrapper__btn-icon"})}),d(n,{className:"bc-image-wrapper__btn bc-image-wrapper__remove-btn",type:"button",onClick:c,children:d(r,{icon:y,size:20,className:"bc-image-wrapper__btn-icon"})})]}),d("div",{className:"bc-image-wrapper__overlay"})]}):d(h,{icon:"format-image",onSelect:i,allowedTypes:["image","image/svg+xml"],labels:{title:"Icon Image"}})}})})},L=e=>{let{imageId:r,imageUrl:t,imageAlt:o,placeholder:a=!1,onSelectImage:l,onRemoveImage:i,className:c=""}=e;const s=r&&t;return d(p,{children:d(g,{onSelect:l,allowedTypes:["image"],value:r,render:e=>{let{open:r}=e;return s?u("div",{className:"bc-image-wrapper ".concat(c),children:[d("img",{src:t,alt:o,onClick:r}),u("div",{className:"bc-image-wrapper__actions",children:[d(n,{className:"bc-image-wrapper__btn bc-image-wrapper__replace-btn",type:"button",onClick:r,children:"Replace"}),d(n,{className:"bc-image-wrapper__btn bc-image-wrapper__remove-btn",type:"button",onClick:i,children:"Remove"})]}),d("div",{className:"bc-image-wrapper__overlay"})]}):a?d(h,{className:"media-placeholder",icon:"format-image",onSelect:l,allowedTypes:["image"],labels:{title:"Image",instructions:"Upload an image file or pick one from your media library."}}):null}})})},G=e=>{let{buttonSource:n,isButtonOpenInNewTab:r,setAttributes:a}=e;const l=x(a);return u(m,{children:[d(t,{label:"Source",children:d(v,{className:"bc-url-input",value:n,onChange:e=>l(e,"buttonSource")})}),d(o,{checked:r,label:"Open in a new tab",onChange:e=>l(e,"isButtonOpenInNewTab")})]})},B=e=>{let{imageId:r,imageUrl:t,onImageClick:o,onRemoveClick:a,onSelectClick:l}=e;return r&&t?u(m,{children:[d("div",{className:"bc-selected-media-wrapper",children:d("img",{src:t,className:"bc-selected-media bc-selected-media--image",alt:"Selected Image",onClick:o})}),d(n,{className:"bc-remove-btn",onClick:a,isSecondary:!0,isDestructive:!0,children:"Remove Image"})]}):d(n,{variant:"secondary",onClick:l,className:"bc-select-btn",children:"Select Image"})},J=e=>{let{videoId:r,videoUrl:t,onRemoveClick:o,onSelectClick:a}=e;return r&&t?u(m,{children:[d("div",{className:"bc-selected-media-wrapper",children:d("video",{src:t,className:"bc-selected-media bc-selected-media--video",controls:!0})}),d(n,{className:"bc-remove-btn",onClick:o,isSecondary:!0,isDestructive:!0,children:"Remove Video"})]}):d(n,{variant:"secondary",onClick:a,className:"bc-select-btn",children:"Select Video"})},P={IMAGE:"image",VIDEO:"video"},M=e=>{let{mediaId:n,mediaUrl:r,onSelect:t,onRemove:o,type:a=P.IMAGE,...l}=e;if(a===P.IMAGE)return d(p,{children:d(g,{onSelect:t,allowedTypes:["image","image/svg+xml"],accept:"image/*",value:n,render:e=>{let{open:t}=e;return d(B,{imageId:n,imageUrl:r,onImageClick:t,onSelectClick:t,onRemoveClick:o})},...l})});if(a===P.VIDEO)return d(p,{children:d(g,{onSelect:t,allowedTypes:["video"],value:n,render:e=>{let{open:t}=e;return d(J,{videoId:n,videoUrl:r,onSelectClick:t,onRemoveClick:o})},...l})});throw new Error("Unrecognized media type.")},Z=e=>{let{attributes:n,setAttributes:r,disabled:t}=e;const{isPreview:o}=n;return d(m,{children:d(a,{label:"Enable Preview",help:"Please check this option to see how the block will actually look and behave on the frontend.",checked:o,onChange:()=>{r({isPreview:!o})},disabled:t})})};export{B as BCImageRenderer,M as BCMediaPicker,J as BCVideoRenderer,H as ColorPaletteControl,D as IconPicker,L as ImageActions,G as LinkControl,Z as PreviewToggle,S as cleanSvgString,N as getImage,T as getLocationAddress,U as getPhoneNumber,O as getSlug,C as loadSelectOptions,j as useColorChange,Y as useEntityRecords,x as useLinkChange,I as useParentBlock,R as useSlider,z as useThemeColors};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../node_modules/slugify/slugify.js","../src/utils/index.js","../src/components/ColorPaletteControl.js","../src/components/IconPicker.js","../src/components/ImageActions.js","../src/components/LinkControl.js","../src/components/MediaPicker.js","../src/components/PreviewToggle.js"],"sourcesContent":["\n;(function (name, root, factory) {\n  if (typeof exports === 'object') {\n    module.exports = factory()\n    module.exports['default'] = factory()\n  }\n  /* istanbul ignore next */\n  else if (typeof define === 'function' && define.amd) {\n    define(factory)\n  }\n  else {\n    root[name] = factory()\n  }\n}('slugify', this, function () {\n  var charMap = JSON.parse('{\"$\":\"dollar\",\"%\":\"percent\",\"&\":\"and\",\"<\":\"less\",\">\":\"greater\",\"|\":\"or\",\"¢\":\"cent\",\"£\":\"pound\",\"¤\":\"currency\",\"¥\":\"yen\",\"©\":\"(c)\",\"ª\":\"a\",\"®\":\"(r)\",\"º\":\"o\",\"À\":\"A\",\"Á\":\"A\",\"Â\":\"A\",\"Ã\":\"A\",\"Ä\":\"A\",\"Å\":\"A\",\"Æ\":\"AE\",\"Ç\":\"C\",\"È\":\"E\",\"É\":\"E\",\"Ê\":\"E\",\"Ë\":\"E\",\"Ì\":\"I\",\"Í\":\"I\",\"Î\":\"I\",\"Ï\":\"I\",\"Ð\":\"D\",\"Ñ\":\"N\",\"Ò\":\"O\",\"Ó\":\"O\",\"Ô\":\"O\",\"Õ\":\"O\",\"Ö\":\"O\",\"Ø\":\"O\",\"Ù\":\"U\",\"Ú\":\"U\",\"Û\":\"U\",\"Ü\":\"U\",\"Ý\":\"Y\",\"Þ\":\"TH\",\"ß\":\"ss\",\"à\":\"a\",\"á\":\"a\",\"â\":\"a\",\"ã\":\"a\",\"ä\":\"a\",\"å\":\"a\",\"æ\":\"ae\",\"ç\":\"c\",\"è\":\"e\",\"é\":\"e\",\"ê\":\"e\",\"ë\":\"e\",\"ì\":\"i\",\"í\":\"i\",\"î\":\"i\",\"ï\":\"i\",\"ð\":\"d\",\"ñ\":\"n\",\"ò\":\"o\",\"ó\":\"o\",\"ô\":\"o\",\"õ\":\"o\",\"ö\":\"o\",\"ø\":\"o\",\"ù\":\"u\",\"ú\":\"u\",\"û\":\"u\",\"ü\":\"u\",\"ý\":\"y\",\"þ\":\"th\",\"ÿ\":\"y\",\"Ā\":\"A\",\"ā\":\"a\",\"Ă\":\"A\",\"ă\":\"a\",\"Ą\":\"A\",\"ą\":\"a\",\"Ć\":\"C\",\"ć\":\"c\",\"Č\":\"C\",\"č\":\"c\",\"Ď\":\"D\",\"ď\":\"d\",\"Đ\":\"DJ\",\"đ\":\"dj\",\"Ē\":\"E\",\"ē\":\"e\",\"Ė\":\"E\",\"ė\":\"e\",\"Ę\":\"e\",\"ę\":\"e\",\"Ě\":\"E\",\"ě\":\"e\",\"Ğ\":\"G\",\"ğ\":\"g\",\"Ģ\":\"G\",\"ģ\":\"g\",\"Ĩ\":\"I\",\"ĩ\":\"i\",\"Ī\":\"i\",\"ī\":\"i\",\"Į\":\"I\",\"į\":\"i\",\"İ\":\"I\",\"ı\":\"i\",\"Ķ\":\"k\",\"ķ\":\"k\",\"Ļ\":\"L\",\"ļ\":\"l\",\"Ľ\":\"L\",\"ľ\":\"l\",\"Ł\":\"L\",\"ł\":\"l\",\"Ń\":\"N\",\"ń\":\"n\",\"Ņ\":\"N\",\"ņ\":\"n\",\"Ň\":\"N\",\"ň\":\"n\",\"Ō\":\"O\",\"ō\":\"o\",\"Ő\":\"O\",\"ő\":\"o\",\"Œ\":\"OE\",\"œ\":\"oe\",\"Ŕ\":\"R\",\"ŕ\":\"r\",\"Ř\":\"R\",\"ř\":\"r\",\"Ś\":\"S\",\"ś\":\"s\",\"Ş\":\"S\",\"ş\":\"s\",\"Š\":\"S\",\"š\":\"s\",\"Ţ\":\"T\",\"ţ\":\"t\",\"Ť\":\"T\",\"ť\":\"t\",\"Ũ\":\"U\",\"ũ\":\"u\",\"Ū\":\"u\",\"ū\":\"u\",\"Ů\":\"U\",\"ů\":\"u\",\"Ű\":\"U\",\"ű\":\"u\",\"Ų\":\"U\",\"ų\":\"u\",\"Ŵ\":\"W\",\"ŵ\":\"w\",\"Ŷ\":\"Y\",\"ŷ\":\"y\",\"Ÿ\":\"Y\",\"Ź\":\"Z\",\"ź\":\"z\",\"Ż\":\"Z\",\"ż\":\"z\",\"Ž\":\"Z\",\"ž\":\"z\",\"Ə\":\"E\",\"ƒ\":\"f\",\"Ơ\":\"O\",\"ơ\":\"o\",\"Ư\":\"U\",\"ư\":\"u\",\"Lj\":\"LJ\",\"lj\":\"lj\",\"Nj\":\"NJ\",\"nj\":\"nj\",\"Ș\":\"S\",\"ș\":\"s\",\"Ț\":\"T\",\"ț\":\"t\",\"ə\":\"e\",\"˚\":\"o\",\"Ά\":\"A\",\"Έ\":\"E\",\"Ή\":\"H\",\"Ί\":\"I\",\"Ό\":\"O\",\"Ύ\":\"Y\",\"Ώ\":\"W\",\"ΐ\":\"i\",\"Α\":\"A\",\"Β\":\"B\",\"Γ\":\"G\",\"Δ\":\"D\",\"Ε\":\"E\",\"Ζ\":\"Z\",\"Η\":\"H\",\"Θ\":\"8\",\"Ι\":\"I\",\"Κ\":\"K\",\"Λ\":\"L\",\"Μ\":\"M\",\"Ν\":\"N\",\"Ξ\":\"3\",\"Ο\":\"O\",\"Π\":\"P\",\"Ρ\":\"R\",\"Σ\":\"S\",\"Τ\":\"T\",\"Υ\":\"Y\",\"Φ\":\"F\",\"Χ\":\"X\",\"Ψ\":\"PS\",\"Ω\":\"W\",\"Ϊ\":\"I\",\"Ϋ\":\"Y\",\"ά\":\"a\",\"έ\":\"e\",\"ή\":\"h\",\"ί\":\"i\",\"ΰ\":\"y\",\"α\":\"a\",\"β\":\"b\",\"γ\":\"g\",\"δ\":\"d\",\"ε\":\"e\",\"ζ\":\"z\",\"η\":\"h\",\"θ\":\"8\",\"ι\":\"i\",\"κ\":\"k\",\"λ\":\"l\",\"μ\":\"m\",\"ν\":\"n\",\"ξ\":\"3\",\"ο\":\"o\",\"π\":\"p\",\"ρ\":\"r\",\"ς\":\"s\",\"σ\":\"s\",\"τ\":\"t\",\"υ\":\"y\",\"φ\":\"f\",\"χ\":\"x\",\"ψ\":\"ps\",\"ω\":\"w\",\"ϊ\":\"i\",\"ϋ\":\"y\",\"ό\":\"o\",\"ύ\":\"y\",\"ώ\":\"w\",\"Ё\":\"Yo\",\"Ђ\":\"DJ\",\"Є\":\"Ye\",\"І\":\"I\",\"Ї\":\"Yi\",\"Ј\":\"J\",\"Љ\":\"LJ\",\"Њ\":\"NJ\",\"Ћ\":\"C\",\"Џ\":\"DZ\",\"А\":\"A\",\"Б\":\"B\",\"В\":\"V\",\"Г\":\"G\",\"Д\":\"D\",\"Е\":\"E\",\"Ж\":\"Zh\",\"З\":\"Z\",\"И\":\"I\",\"Й\":\"J\",\"К\":\"K\",\"Л\":\"L\",\"М\":\"M\",\"Н\":\"N\",\"О\":\"O\",\"П\":\"P\",\"Р\":\"R\",\"С\":\"S\",\"Т\":\"T\",\"У\":\"U\",\"Ф\":\"F\",\"Х\":\"H\",\"Ц\":\"C\",\"Ч\":\"Ch\",\"Ш\":\"Sh\",\"Щ\":\"Sh\",\"Ъ\":\"U\",\"Ы\":\"Y\",\"Ь\":\"\",\"Э\":\"E\",\"Ю\":\"Yu\",\"Я\":\"Ya\",\"а\":\"a\",\"б\":\"b\",\"в\":\"v\",\"г\":\"g\",\"д\":\"d\",\"е\":\"e\",\"ж\":\"zh\",\"з\":\"z\",\"и\":\"i\",\"й\":\"j\",\"к\":\"k\",\"л\":\"l\",\"м\":\"m\",\"н\":\"n\",\"о\":\"o\",\"п\":\"p\",\"р\":\"r\",\"с\":\"s\",\"т\":\"t\",\"у\":\"u\",\"ф\":\"f\",\"х\":\"h\",\"ц\":\"c\",\"ч\":\"ch\",\"ш\":\"sh\",\"щ\":\"sh\",\"ъ\":\"u\",\"ы\":\"y\",\"ь\":\"\",\"э\":\"e\",\"ю\":\"yu\",\"я\":\"ya\",\"ё\":\"yo\",\"ђ\":\"dj\",\"є\":\"ye\",\"і\":\"i\",\"ї\":\"yi\",\"ј\":\"j\",\"љ\":\"lj\",\"њ\":\"nj\",\"ћ\":\"c\",\"ѝ\":\"u\",\"џ\":\"dz\",\"Ґ\":\"G\",\"ґ\":\"g\",\"Ғ\":\"GH\",\"ғ\":\"gh\",\"Қ\":\"KH\",\"қ\":\"kh\",\"Ң\":\"NG\",\"ң\":\"ng\",\"Ү\":\"UE\",\"ү\":\"ue\",\"Ұ\":\"U\",\"ұ\":\"u\",\"Һ\":\"H\",\"һ\":\"h\",\"Ә\":\"AE\",\"ә\":\"ae\",\"Ө\":\"OE\",\"ө\":\"oe\",\"Ա\":\"A\",\"Բ\":\"B\",\"Գ\":\"G\",\"Դ\":\"D\",\"Ե\":\"E\",\"Զ\":\"Z\",\"Է\":\"E\\'\",\"Ը\":\"Y\\'\",\"Թ\":\"T\\'\",\"Ժ\":\"JH\",\"Ի\":\"I\",\"Լ\":\"L\",\"Խ\":\"X\",\"Ծ\":\"C\\'\",\"Կ\":\"K\",\"Հ\":\"H\",\"Ձ\":\"D\\'\",\"Ղ\":\"GH\",\"Ճ\":\"TW\",\"Մ\":\"M\",\"Յ\":\"Y\",\"Ն\":\"N\",\"Շ\":\"SH\",\"Չ\":\"CH\",\"Պ\":\"P\",\"Ջ\":\"J\",\"Ռ\":\"R\\'\",\"Ս\":\"S\",\"Վ\":\"V\",\"Տ\":\"T\",\"Ր\":\"R\",\"Ց\":\"C\",\"Փ\":\"P\\'\",\"Ք\":\"Q\\'\",\"Օ\":\"O\\'\\'\",\"Ֆ\":\"F\",\"և\":\"EV\",\"ء\":\"a\",\"آ\":\"aa\",\"أ\":\"a\",\"ؤ\":\"u\",\"إ\":\"i\",\"ئ\":\"e\",\"ا\":\"a\",\"ب\":\"b\",\"ة\":\"h\",\"ت\":\"t\",\"ث\":\"th\",\"ج\":\"j\",\"ح\":\"h\",\"خ\":\"kh\",\"د\":\"d\",\"ذ\":\"th\",\"ر\":\"r\",\"ز\":\"z\",\"س\":\"s\",\"ش\":\"sh\",\"ص\":\"s\",\"ض\":\"dh\",\"ط\":\"t\",\"ظ\":\"z\",\"ع\":\"a\",\"غ\":\"gh\",\"ف\":\"f\",\"ق\":\"q\",\"ك\":\"k\",\"ل\":\"l\",\"م\":\"m\",\"ن\":\"n\",\"ه\":\"h\",\"و\":\"w\",\"ى\":\"a\",\"ي\":\"y\",\"ً\":\"an\",\"ٌ\":\"on\",\"ٍ\":\"en\",\"َ\":\"a\",\"ُ\":\"u\",\"ِ\":\"e\",\"ْ\":\"\",\"٠\":\"0\",\"١\":\"1\",\"٢\":\"2\",\"٣\":\"3\",\"٤\":\"4\",\"٥\":\"5\",\"٦\":\"6\",\"٧\":\"7\",\"٨\":\"8\",\"٩\":\"9\",\"پ\":\"p\",\"چ\":\"ch\",\"ژ\":\"zh\",\"ک\":\"k\",\"گ\":\"g\",\"ی\":\"y\",\"۰\":\"0\",\"۱\":\"1\",\"۲\":\"2\",\"۳\":\"3\",\"۴\":\"4\",\"۵\":\"5\",\"۶\":\"6\",\"۷\":\"7\",\"۸\":\"8\",\"۹\":\"9\",\"฿\":\"baht\",\"ა\":\"a\",\"ბ\":\"b\",\"გ\":\"g\",\"დ\":\"d\",\"ე\":\"e\",\"ვ\":\"v\",\"ზ\":\"z\",\"თ\":\"t\",\"ი\":\"i\",\"კ\":\"k\",\"ლ\":\"l\",\"მ\":\"m\",\"ნ\":\"n\",\"ო\":\"o\",\"პ\":\"p\",\"ჟ\":\"zh\",\"რ\":\"r\",\"ს\":\"s\",\"ტ\":\"t\",\"უ\":\"u\",\"ფ\":\"f\",\"ქ\":\"k\",\"ღ\":\"gh\",\"ყ\":\"q\",\"შ\":\"sh\",\"ჩ\":\"ch\",\"ც\":\"ts\",\"ძ\":\"dz\",\"წ\":\"ts\",\"ჭ\":\"ch\",\"ხ\":\"kh\",\"ჯ\":\"j\",\"ჰ\":\"h\",\"Ṣ\":\"S\",\"ṣ\":\"s\",\"Ẁ\":\"W\",\"ẁ\":\"w\",\"Ẃ\":\"W\",\"ẃ\":\"w\",\"Ẅ\":\"W\",\"ẅ\":\"w\",\"ẞ\":\"SS\",\"Ạ\":\"A\",\"ạ\":\"a\",\"Ả\":\"A\",\"ả\":\"a\",\"Ấ\":\"A\",\"ấ\":\"a\",\"Ầ\":\"A\",\"ầ\":\"a\",\"Ẩ\":\"A\",\"ẩ\":\"a\",\"Ẫ\":\"A\",\"ẫ\":\"a\",\"Ậ\":\"A\",\"ậ\":\"a\",\"Ắ\":\"A\",\"ắ\":\"a\",\"Ằ\":\"A\",\"ằ\":\"a\",\"Ẳ\":\"A\",\"ẳ\":\"a\",\"Ẵ\":\"A\",\"ẵ\":\"a\",\"Ặ\":\"A\",\"ặ\":\"a\",\"Ẹ\":\"E\",\"ẹ\":\"e\",\"Ẻ\":\"E\",\"ẻ\":\"e\",\"Ẽ\":\"E\",\"ẽ\":\"e\",\"Ế\":\"E\",\"ế\":\"e\",\"Ề\":\"E\",\"ề\":\"e\",\"Ể\":\"E\",\"ể\":\"e\",\"Ễ\":\"E\",\"ễ\":\"e\",\"Ệ\":\"E\",\"ệ\":\"e\",\"Ỉ\":\"I\",\"ỉ\":\"i\",\"Ị\":\"I\",\"ị\":\"i\",\"Ọ\":\"O\",\"ọ\":\"o\",\"Ỏ\":\"O\",\"ỏ\":\"o\",\"Ố\":\"O\",\"ố\":\"o\",\"Ồ\":\"O\",\"ồ\":\"o\",\"Ổ\":\"O\",\"ổ\":\"o\",\"Ỗ\":\"O\",\"ỗ\":\"o\",\"Ộ\":\"O\",\"ộ\":\"o\",\"Ớ\":\"O\",\"ớ\":\"o\",\"Ờ\":\"O\",\"ờ\":\"o\",\"Ở\":\"O\",\"ở\":\"o\",\"Ỡ\":\"O\",\"ỡ\":\"o\",\"Ợ\":\"O\",\"ợ\":\"o\",\"Ụ\":\"U\",\"ụ\":\"u\",\"Ủ\":\"U\",\"ủ\":\"u\",\"Ứ\":\"U\",\"ứ\":\"u\",\"Ừ\":\"U\",\"ừ\":\"u\",\"Ử\":\"U\",\"ử\":\"u\",\"Ữ\":\"U\",\"ữ\":\"u\",\"Ự\":\"U\",\"ự\":\"u\",\"Ỳ\":\"Y\",\"ỳ\":\"y\",\"Ỵ\":\"Y\",\"ỵ\":\"y\",\"Ỷ\":\"Y\",\"ỷ\":\"y\",\"Ỹ\":\"Y\",\"ỹ\":\"y\",\"–\":\"-\",\"‘\":\"\\'\",\"’\":\"\\'\",\"“\":\"\\\\\\\"\",\"”\":\"\\\\\\\"\",\"„\":\"\\\\\\\"\",\"†\":\"+\",\"•\":\"*\",\"…\":\"...\",\"₠\":\"ecu\",\"₢\":\"cruzeiro\",\"₣\":\"french franc\",\"₤\":\"lira\",\"₥\":\"mill\",\"₦\":\"naira\",\"₧\":\"peseta\",\"₨\":\"rupee\",\"₩\":\"won\",\"₪\":\"new shequel\",\"₫\":\"dong\",\"€\":\"euro\",\"₭\":\"kip\",\"₮\":\"tugrik\",\"₯\":\"drachma\",\"₰\":\"penny\",\"₱\":\"peso\",\"₲\":\"guarani\",\"₳\":\"austral\",\"₴\":\"hryvnia\",\"₵\":\"cedi\",\"₸\":\"kazakhstani tenge\",\"₹\":\"indian rupee\",\"₺\":\"turkish lira\",\"₽\":\"russian ruble\",\"₿\":\"bitcoin\",\"℠\":\"sm\",\"™\":\"tm\",\"∂\":\"d\",\"∆\":\"delta\",\"∑\":\"sum\",\"∞\":\"infinity\",\"♥\":\"love\",\"元\":\"yuan\",\"円\":\"yen\",\"﷼\":\"rial\",\"ﻵ\":\"laa\",\"ﻷ\":\"laa\",\"ﻹ\":\"lai\",\"ﻻ\":\"la\"}')\n  var locales = JSON.parse('{\"bg\":{\"Й\":\"Y\",\"Ц\":\"Ts\",\"Щ\":\"Sht\",\"Ъ\":\"A\",\"Ь\":\"Y\",\"й\":\"y\",\"ц\":\"ts\",\"щ\":\"sht\",\"ъ\":\"a\",\"ь\":\"y\"},\"de\":{\"Ä\":\"AE\",\"ä\":\"ae\",\"Ö\":\"OE\",\"ö\":\"oe\",\"Ü\":\"UE\",\"ü\":\"ue\",\"ß\":\"ss\",\"%\":\"prozent\",\"&\":\"und\",\"|\":\"oder\",\"∑\":\"summe\",\"∞\":\"unendlich\",\"♥\":\"liebe\"},\"es\":{\"%\":\"por ciento\",\"&\":\"y\",\"<\":\"menor que\",\">\":\"mayor que\",\"|\":\"o\",\"¢\":\"centavos\",\"£\":\"libras\",\"¤\":\"moneda\",\"₣\":\"francos\",\"∑\":\"suma\",\"∞\":\"infinito\",\"♥\":\"amor\"},\"fr\":{\"%\":\"pourcent\",\"&\":\"et\",\"<\":\"plus petit\",\">\":\"plus grand\",\"|\":\"ou\",\"¢\":\"centime\",\"£\":\"livre\",\"¤\":\"devise\",\"₣\":\"franc\",\"∑\":\"somme\",\"∞\":\"infini\",\"♥\":\"amour\"},\"pt\":{\"%\":\"porcento\",\"&\":\"e\",\"<\":\"menor\",\">\":\"maior\",\"|\":\"ou\",\"¢\":\"centavo\",\"∑\":\"soma\",\"£\":\"libra\",\"∞\":\"infinito\",\"♥\":\"amor\"},\"uk\":{\"И\":\"Y\",\"и\":\"y\",\"Й\":\"Y\",\"й\":\"y\",\"Ц\":\"Ts\",\"ц\":\"ts\",\"Х\":\"Kh\",\"х\":\"kh\",\"Щ\":\"Shch\",\"щ\":\"shch\",\"Г\":\"H\",\"г\":\"h\"},\"vi\":{\"Đ\":\"D\",\"đ\":\"d\"},\"da\":{\"Ø\":\"OE\",\"ø\":\"oe\",\"Å\":\"AA\",\"å\":\"aa\",\"%\":\"procent\",\"&\":\"og\",\"|\":\"eller\",\"$\":\"dollar\",\"<\":\"mindre end\",\">\":\"større end\"},\"nb\":{\"&\":\"og\",\"Å\":\"AA\",\"Æ\":\"AE\",\"Ø\":\"OE\",\"å\":\"aa\",\"æ\":\"ae\",\"ø\":\"oe\"},\"it\":{\"&\":\"e\"},\"nl\":{\"&\":\"en\"},\"sv\":{\"&\":\"och\",\"Å\":\"AA\",\"Ä\":\"AE\",\"Ö\":\"OE\",\"å\":\"aa\",\"ä\":\"ae\",\"ö\":\"oe\"}}')\n\n  function replace (string, options) {\n    if (typeof string !== 'string') {\n      throw new Error('slugify: string argument expected')\n    }\n\n    options = (typeof options === 'string')\n      ? {replacement: options}\n      : options || {}\n\n    var locale = locales[options.locale] || {}\n\n    var replacement = options.replacement === undefined ? '-' : options.replacement\n\n    var trim = options.trim === undefined ? true : options.trim\n\n    var slug = string.normalize().split('')\n      // replace characters based on charMap\n      .reduce(function (result, ch) {\n        var appendChar = locale[ch];\n        if (appendChar === undefined) appendChar = charMap[ch];\n        if (appendChar === undefined) appendChar = ch;\n        if (appendChar === replacement) appendChar = ' ';\n        return result + appendChar\n          // remove not allowed characters\n          .replace(options.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      }, '');\n\n    if (options.strict) {\n      slug = slug.replace(/[^A-Za-z0-9\\s]/g, '');\n    }\n\n    if (trim) {\n      slug = slug.trim()\n    }\n\n    // Replace spaces with replacement character, treating multiple consecutive\n    // spaces as a single space.\n    slug = slug.replace(/\\s+/g, replacement);\n\n    if (options.lower) {\n      slug = slug.toLowerCase()\n    }\n\n    return slug\n  }\n\n  replace.extend = function (customMap) {\n    Object.assign(charMap, customMap)\n  }\n\n  return replace\n}))\n","import apiFetch from '@wordpress/api-fetch';\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport slugify from 'slugify';\n\nexport const loadSelectOptions = async (inputValue, postType, mapper = null) => {\n    const response = await apiFetch({\n        path: `/wp/v2/${postType}?search=${encodeURIComponent(inputValue)}`,\n    });\n\n    if (mapper) {\n        return response?.map(mapper);\n    } else {\n        return response?.map((post) => {\n            // Create a temporary DOM element to decode HTML entities\n            const tempElement = document.createElement('div');\n            tempElement.innerHTML = post?.title?.rendered;\n\n            return {\n                value: post.id,\n                label: tempElement.textContent || tempElement.innerText || '',\n            };\n        });\n    }\n};\n\n/**\n * Hook to find a parent block of a specific type, optionally scoped within a certain root block.\n *\n * @param {string} selectedBlockId - The clientId of the currently selected block.\n * @param {string} parentBlockName - The block type name to search for as a parent.\n * @param {Object} options - Optional settings for the search.\n * @param {string} [options.rootBlockId] - The clientId of the block to limit the search within. If not provided, searches the entire block tree.\n * @param {boolean} [options.includeSelf] - Whether to include the selected block itself if it matches the parentBlockName.\n * @returns {Object|null} The matching parent block, or null if none is found.\n */\nexport const useParentBlock = (selectedBlockId, parentBlockName, options = {}) => {\n    return useSelect((select) => {\n        const { getBlock, getBlockRootClientId, getBlockHierarchyRootClientId } = select('core/block-editor');\n\n        if (!selectedBlockId) {\n            return null;\n        }\n\n        // Destructure with default values to handle optional parameters.\n        const { rootBlockId = '', includeSelf = false } = options;\n\n        // If rootBlockId is provided, verify the selected block is within its scope.\n        if (rootBlockId) {\n            const hierarchyRootClientId = getBlockHierarchyRootClientId(selectedBlockId);\n            if (hierarchyRootClientId !== rootBlockId) {\n                return null; // The selected block is out of the scope of the root block.\n            }\n        }\n\n        let currentBlockId = selectedBlockId;\n        let currentBlock = getBlock(currentBlockId);\n\n        // Optionally include the selected block if it matches the target type.\n        if (includeSelf && currentBlock?.name === parentBlockName) {\n            return currentBlock;\n        }\n\n        let parentBlockId = getBlockRootClientId(currentBlockId);\n        let parentBlock = getBlock(parentBlockId);\n\n        // Traverse up the hierarchy to find the target parent block.\n        while (parentBlock && (rootBlockId ? parentBlockId !== rootBlockId : true) && parentBlockId) {\n            if (parentBlock.name === parentBlockName) {\n                return parentBlock; // Target parent found.\n            }\n            currentBlockId = parentBlockId;\n            parentBlockId = getBlockRootClientId(currentBlockId);\n            parentBlock = getBlock(parentBlockId);\n        }\n\n        return null; // No matching parent found within the constraints.\n    }, [selectedBlockId, parentBlockName, options.rootBlockId, options.includeSelf]);\n};\n\nexport const getSlug = (name) => slugify(name, {\n    replacement: '-',\n    lower: true,\n    strict: true,\n});\n\nexport const cleanSvgString = (svgString) => {\n    if (svgString.startsWith('<?xml')) {\n        const endOfXml = svgString.indexOf('?>');\n\n        if (endOfXml !== -1) {\n            svgString = svgString.substring(endOfXml + 2);\n        }\n    }\n\n    svgString = svgString.trim();\n\n    return svgString;\n};\n\n\nconst SVG_MIME_TYPE = 'image/svg+xml';\n\nexport const getImage = async (mediaData) => {\n    const isSvg = mediaData?.mime === SVG_MIME_TYPE || mediaData?.mime_type === SVG_MIME_TYPE;\n    const imagePayload = {\n        isSvg,\n        imageUrl: null,\n        svgCode: null,\n        width: mediaData?.width,\n        height: mediaData?.height,\n    };\n\n    if (isSvg) {\n        imagePayload.svgCode = await fetch(mediaData.url).then(response => response.text()).then(cleanSvgString);\n    } else {\n        imagePayload.imageUrl = mediaData?.url;\n    }\n\n    return imagePayload;\n};\n\nexport const getPhoneNumber = (phone) => {\n    if (!phone) return '';\n\n    let formatted = phone;\n\n    const pattern = /^\\+\\d(\\d{3})(\\d{3})(\\d{4})$/;\n    const match = phone.match(pattern);\n\n    if (match) {\n        formatted = `${match[1]}-${match[2]}-${match[3]}`;\n    }\n\n    return formatted;\n};\n\nexport const getLocationAddress = (location) => {\n    const {\n        street_number = '',\n        street_name = '',\n        city = '',\n        state_short = '',\n        post_code = '',\n    } = location;\n\n    // Start with the street number and name, trimming to remove extra spaces if one is missing\n    let addressParts = [`${street_number} ${street_name}`.trim()];\n\n    // Add the city with a line break, but only if there is a city name.\n    if (city) {\n        addressParts.push(`<br>${city}`);\n    }\n\n    // Combine state and postal code intelligently, adding only if they exist\n    let statePostalParts = [];\n    if (state_short) statePostalParts.push(state_short);\n    if (post_code) statePostalParts.push(post_code);\n    let statePostal = statePostalParts.join(' ');\n\n    if (statePostal) {\n        // Add a comma only if there's something before this part\n        addressParts.push(`${addressParts.length > 0 ? ', ' : ''}${statePostal}`);\n    }\n\n    return addressParts.join('');\n};\n\n//for package\n\nexport const useSlider = (isPreview, items, setup) => {\n    const ref = useRef(null);\n\n    useEffect(() => {\n        let instance;\n\n        if (isPreview && items?.length && ref?.current) {\n            instance = setup(ref.current);\n        }\n\n        return () => {\n            instance?.destroy();\n        };\n    }, [isPreview, items]);\n\n    return ref;\n};\n\n\nexport const useEntityRecords = (entityType, postType, options) => {\n    const {\n        query,\n        curatedItems,\n        selectedCategories,\n        categoryKey,\n        numberOfItems,\n        order = 'desc',\n        orderby = 'date',\n    } = options;\n\n    const {\n        records,\n        isLoading,\n    } = useSelect((select) => {\n        const queryArgs = {\n            order,\n            orderby,\n            _embed: true,\n        };\n\n        // TODO: refactor\n        if (query?.LATEST_BY_CATEGORY && selectedCategories?.length) {\n            queryArgs[categoryKey] = selectedCategories.join(',');\n        } else if (query?.BY_CATEGORY && selectedCategories?.length) {\n            queryArgs[categoryKey] = selectedCategories.map((category) => category.value).join(',');\n        } else if (query?.CURATED && curatedItems?.length) {\n            queryArgs.include = curatedItems.map((item) => item.value);\n            queryArgs.orderby = 'include';\n        }\n\n        if (numberOfItems) {\n            queryArgs.per_page = numberOfItems;\n        }\n\n        const records = select('core').getEntityRecords(entityType, postType, queryArgs);\n        const isResolving = select('core/data').isResolving('core', 'getEntityRecords', [entityType, postType, queryArgs]);\n        const isLoading = isResolving || records === undefined;\n\n        return {\n            records,\n            isLoading,\n        };\n    }, [query, curatedItems, selectedCategories, categoryKey, numberOfItems, order, orderby]);\n\n    return {\n        records,\n        isLoading,\n    };\n};\n\nexport const useThemeColors = (allowedColors = []) => {\n    return useSelect((select) => {\n        const { getSettings } = select('core/block-editor');\n        const colors = getSettings()?.colors;\n\n        return allowedColors.length > 0\n            ? colors?.filter((color) => allowedColors.includes(color.slug))\n            : colors;\n    }, []);\n};\n\nexport const useColorChange = (colors, setAttributes) => (colorValue, property) => {\n    const selectedColor = colors.find(color => color.color === colorValue);\n\n    setAttributes({\n        [property]: selectedColor\n            ? {\n                value: colorValue,\n                slug: selectedColor.slug,\n            }\n            : null,\n    });\n};\n\n// TODO: refactor fn name\nexport const useLinkChange = (setAttributes) => (value, property) => {\n    setAttributes({ [property]: value });\n};\n\n","import { ColorPalette } from '@wordpress/components';\nimport { useThemeColors, useColorChange } from '../utils/index';\n\nexport const ColorPaletteControl = ({ allowedColors, colorAttribute, attributeName, setAttributes }) => {\n    const colors = useThemeColors(allowedColors);\n    const onColorChange = useColorChange(colors, setAttributes);\n\n    return (\n        <ColorPalette\n            colors={colors}\n            value={colorAttribute?.value}\n            disableCustomColors={true}\n            onChange={(colorValue) => onColorChange(colorValue, attributeName)}\n        />\n    );\n};\n","import {\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadCheck,\n} from '@wordpress/block-editor';\nimport { Button, Icon } from '@wordpress/components';\nimport { edit as editIcon, trash as trashIcon } from '@wordpress/icons';\n\nexport const IconPicker = ({ imageId, imageUrl, imageAlt, svgCode, onSelect, onRemove }) => {\n\tconst hasImage = imageId && imageUrl;\n\tconst isSvg = hasImage && svgCode;\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<MediaUpload\n\t\t\t\tonSelect={onSelect}\n\t\t\t\tallowedTypes={['image']}\n\t\t\t\tvalue={imageId}\n\t\t\t\trender={({ open }) => {\n\t\t\t\t\treturn hasImage ? (\n\t\t\t\t\t\t<div className=\"bc-image-wrapper\">\n\t\t\t\t\t\t\t{hasImage && (\n\t\t\t\t\t\t\t\tisSvg ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName=\"svg-container\"\n\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: svgCode }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<img src={imageUrl} alt={imageAlt || 'icon'} />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<div className=\"bc-image-wrapper__actions\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"bc-image-wrapper__btn bc-image-wrapper__replace-btn\"\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={open}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={editIcon}\n\t\t\t\t\t\t\t\t\t\tsize={20}\n\t\t\t\t\t\t\t\t\t\tclassName=\"bc-image-wrapper__btn-icon\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"bc-image-wrapper__btn bc-image-wrapper__remove-btn\"\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={trashIcon}\n\t\t\t\t\t\t\t\t\t\tsize={20}\n\t\t\t\t\t\t\t\t\t\tclassName=\"bc-image-wrapper__btn-icon\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"bc-image-wrapper__overlay\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<MediaPlaceholder\n\t\t\t\t\t\t\ticon=\"format-image\"\n\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\tallowedTypes={['image', 'image/svg+xml']}\n\t\t\t\t\t\t\tlabels={{ title: 'Icon Image' }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</MediaUploadCheck>\n\t);\n};\n","import { MediaUpload, MediaUploadCheck, MediaPlaceholder } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\n\nexport const ImageActions = ({\n    imageId,\n    imageUrl,\n    imageAlt,\n    placeholder = false,\n    onSelectImage,\n    onRemoveImage,\n    className = '',\n}) => {\n    const hasImage = imageId && imageUrl;\n\n    return (\n        <MediaUploadCheck>\n            <MediaUpload\n                onSelect={onSelectImage}\n                allowedTypes={['image']}\n                value={imageId}\n                render={({ open }) => {\n                    return hasImage ? (\n                        <div className={`bc-image-wrapper ${className}`}>\n                            <img src={imageUrl} alt={imageAlt} onClick={open} />\n                            <div className=\"bc-image-wrapper__actions\">\n                                <Button\n                                    className=\"bc-image-wrapper__btn bc-image-wrapper__replace-btn\"\n                                    type=\"button\"\n                                    onClick={open}\n                                >\n                                    Replace\n                                </Button>\n                                <Button\n                                    className=\"bc-image-wrapper__btn bc-image-wrapper__remove-btn\"\n                                    type=\"button\"\n                                    onClick={onRemoveImage}\n                                >\n                                    Remove\n                                </Button>\n                            </div>\n                            <div className=\"bc-image-wrapper__overlay\" />\n                        </div>\n                    ) : placeholder ? (\n                        <MediaPlaceholder\n                            className=\"media-placeholder\"\n                            icon=\"format-image\"\n                            onSelect={onSelectImage}\n                            allowedTypes={['image']}\n                            labels={{\n                                title: 'Image',\n                                instructions: 'Upload an image file or pick one from your media library.',\n                            }}\n                        />\n                    ) : null;\n                }}\n            />\n        </MediaUploadCheck>\n    );\n};\n","import { BaseControl, CheckboxControl } from '@wordpress/components';\nimport { URLInput } from '@wordpress/block-editor';\nimport { useLinkChange } from '../utils/index';\n\n// TODO: refactor props names\nexport const LinkControl = ({\n    buttonSource,\n    isButtonOpenInNewTab,\n    setAttributes,\n}) => {\n    const onLinkChange = useLinkChange(setAttributes);\n\n    return (\n        <>\n            <BaseControl label=\"Source\">\n                <URLInput\n                    className=\"bc-url-input\"\n                    value={buttonSource}\n                    // TODO: this doesn't work if the attribute has a different name\n                    onChange={(newUrl) => onLinkChange(newUrl, 'buttonSource')}\n                />\n            </BaseControl>\n            <CheckboxControl\n                checked={isButtonOpenInNewTab}\n                label=\"Open in a new tab\"\n                onChange={(newIsOpenInNewTab) =>\n                    onLinkChange(newIsOpenInNewTab, 'isButtonOpenInNewTab')}\n            />\n        </>\n    );\n};\n","import { Button } from '@wordpress/components';\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\n\nexport const BCImageRenderer = ({\n    imageId,\n    imageUrl,\n    onImageClick,\n    onRemoveClick,\n    onSelectClick,\n}) => {\n    return imageId && imageUrl ? (\n        <>\n            <div className=\"bc-selected-media-wrapper\">\n                <img\n                    src={imageUrl}\n                    className=\"bc-selected-media bc-selected-media--image\"\n                    alt=\"Selected Image\"\n                    onClick={onImageClick}\n                />\n            </div>\n\n            <Button\n                className=\"bc-remove-btn\"\n                onClick={onRemoveClick}\n                isSecondary\n                isDestructive\n            >\n                Remove Image\n            </Button>\n        </>\n    ) : (\n        <Button\n            variant=\"secondary\"\n            onClick={onSelectClick}\n            className=\"bc-select-btn\"\n        >\n            Select Image\n        </Button>\n    );\n};\n\nexport const BCVideoRenderer = ({\n    videoId,\n    videoUrl,\n    onRemoveClick,\n    onSelectClick,\n}) => {\n    return videoId && videoUrl ? (\n        <>\n            <div className=\"bc-selected-media-wrapper\">\n                <video src={videoUrl} className=\"bc-selected-media bc-selected-media--video\" controls />\n            </div>\n\n            <Button\n                className=\"bc-remove-btn\"\n                onClick={onRemoveClick}\n                isSecondary\n                isDestructive\n            >\n                Remove Video\n            </Button>\n        </>\n    ) : (\n        <Button\n            variant=\"secondary\"\n            onClick={onSelectClick}\n            className=\"bc-select-btn\"\n        >\n            Select Video\n        </Button>\n    );\n};\n\nconst MEDIA_TYPES = {\n    IMAGE: 'image',\n    VIDEO: 'video',\n};\n\nexport const BCMediaPicker = ({\n    mediaId,\n    mediaUrl,\n    onSelect,\n    onRemove,\n    type = MEDIA_TYPES.IMAGE,\n    ...other\n}) => {\n    if (type === MEDIA_TYPES.IMAGE) {\n        return (\n            <MediaUploadCheck>\n                <MediaUpload\n                    onSelect={onSelect}\n                    allowedTypes={['image', 'image/svg+xml']}\n                    accept=\"image/*\"\n                    value={mediaId}\n                    render={({ open }) => (\n                        <BCImageRenderer\n                            imageId={mediaId}\n                            imageUrl={mediaUrl}\n                            onImageClick={open}\n                            onSelectClick={open}\n                            onRemoveClick={onRemove}\n                        />\n                    )}\n                    { ...other }\n                />\n            </MediaUploadCheck>\n        );\n    } else if (type === MEDIA_TYPES.VIDEO) {\n        return (\n            <MediaUploadCheck>\n                <MediaUpload\n                    onSelect={onSelect}\n                    allowedTypes={['video']}\n                    value={mediaId}\n                    render={({ open }) => (\n                        <BCVideoRenderer\n                            videoId={mediaId}\n                            videoUrl={mediaUrl}\n                            onSelectClick={open}\n                            onRemoveClick={onRemove}\n                        />\n                    )}\n                    { ...other }\n                />\n            </MediaUploadCheck>\n        );\n    } else {\n        throw new Error('Unrecognized media type.');\n    }\n};\n","import { ToggleControl } from '@wordpress/components';\n\nexport const PreviewToggle = ({ attributes, setAttributes, disabled }) => {\n    const { isPreview } = attributes;\n\n    // TODO: useState instead of attributes\n    const handlePreviewChange = () => {\n        setAttributes({ isPreview: !isPreview });\n    };\n\n    // TODO: <BlockControls> will be duplicated if the parent block has the another one <BlockControls>\n    return (\n        <>\n            <ToggleControl\n                label=\"Enable Preview\"\n                help=\"Please check this option to see how the block will actually look and behave on the frontend.\"\n                checked={isPreview}\n                onChange={handlePreviewChange}\n                disabled={disabled}\n            />\n        </>\n    );\n};\n"],"names":["factory","exports","charMap","JSON","parse","locales","replace","string","options","Error","locale","replacement","undefined","trim","slug","normalize","split","reduce","result","ch","appendChar","remove","strict","lower","toLowerCase","extend","customMap","Object","assign","module","loadSelectOptions","async","inputValue","postType","mapper","arguments","length","response","apiFetch","path","concat","encodeURIComponent","map","post","_post$title","tempElement","document","createElement","innerHTML","title","rendered","value","id","label","textContent","innerText","useParentBlock","selectedBlockId","parentBlockName","useSelect","select","getBlock","getBlockRootClientId","getBlockHierarchyRootClientId","rootBlockId","includeSelf","currentBlockId","currentBlock","name","parentBlockId","parentBlock","getSlug","slugify","cleanSvgString","svgString","startsWith","endOfXml","indexOf","substring","SVG_MIME_TYPE","getImage","isSvg","mediaData","mime","mime_type","imagePayload","imageUrl","svgCode","width","height","fetch","url","then","text","getPhoneNumber","phone","formatted","match","getLocationAddress","location","street_number","street_name","city","state_short","post_code","addressParts","push","statePostalParts","statePostal","join","useSlider","isPreview","items","setup","ref","useRef","useEffect","instance","current","_instance","destroy","useEntityRecords","entityType","query","curatedItems","selectedCategories","categoryKey","numberOfItems","order","orderby","records","isLoading","queryArgs","_embed","LATEST_BY_CATEGORY","BY_CATEGORY","category","CURATED","include","item","per_page","getEntityRecords","isResolving","useThemeColors","allowedColors","_getSettings","getSettings","colors","filter","color","includes","useColorChange","setAttributes","colorValue","property","selectedColor","find","useLinkChange","ColorPaletteControl","_ref","colorAttribute","attributeName","onColorChange","_jsx","ColorPalette","disableCustomColors","onChange","IconPicker","imageId","imageAlt","onSelect","onRemove","hasImage","MediaUploadCheck","children","MediaUpload","allowedTypes","render","_ref2","open","_jsxs","className","dangerouslySetInnerHTML","__html","src","alt","Button","type","onClick","Icon","icon","editIcon","size","trashIcon","MediaPlaceholder","labels","ImageActions","placeholder","onSelectImage","onRemoveImage","instructions","LinkControl","buttonSource","isButtonOpenInNewTab","onLinkChange","_Fragment","BaseControl","URLInput","newUrl","CheckboxControl","checked","newIsOpenInNewTab","BCImageRenderer","onImageClick","onRemoveClick","onSelectClick","isSecondary","isDestructive","variant","BCVideoRenderer","videoId","videoUrl","controls","MEDIA_TYPES","IMAGE","VIDEO","BCMediaPicker","_ref3","mediaId","mediaUrl","other","accept","_ref4","_ref5","PreviewToggle","attributes","disabled","ToggleControl","help","handlePreviewChange"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@secretstache/wordpress-gutenberg",
+  "version": "0.1.2",
+  "description": "",
+  "author": "Secret Stache",
+  "license": "GPL-2.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/secretstache/wordpress-gutenberg"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "main": "build/index.js",
+  "type": "module",
+  "scripts": {
+    "build": "rollup -c",
+    "start": "rollup -c -w",
+    "prepublishOnly": "yarn build"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/plugin-transform-runtime": "^7.24.3",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/runtime": "^7.24.4",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@wordpress/api-fetch": "^6.52.0",
+    "@wordpress/block-editor": "^12.22.0",
+    "@wordpress/components": "^27.2.0",
+    "@wordpress/data": "^9.24.0",
+    "@wordpress/element": "^5.32.0",
+    "@wordpress/icons": "^9.45.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^9.1.3",
+    "rollup": "^4.16.4",
+    "rollup-plugin-peer-deps-external": "^2.2.4"
+  },
+  "dependencies": {
+    "slugify": "^1.6.6"
+  },
+  "peerDependencies": {
+    "@wordpress/api-fetch": "^6.52.0",
+    "@wordpress/block-editor": "^12.22.0",
+    "@wordpress/components": "^27.2.0",
+    "@wordpress/data": "^9.24.0",
+    "@wordpress/element": "^5.32.0",
+    "@wordpress/icons": "^9.45.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "browserslist": [
+    "> 0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,40 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import babel from '@rollup/plugin-babel';
+import terser from '@rollup/plugin-terser';
+import external from 'rollup-plugin-peer-deps-external';
+
+export default {
+    input: './src/index.js',
+    output: {
+        dir: 'build',
+        format: 'es',
+        exports: 'named',
+        sourcemap: true,
+    },
+    plugins: [
+        external(),
+        babel({
+            babelHelpers: 'runtime',
+            exclude: /node_modules/,
+            presets: [
+                '@babel/preset-env',
+                ['@babel/preset-react', {
+                    runtime: 'automatic',
+                }],
+            ],
+            plugins: [
+                ['@babel/plugin-transform-runtime', {
+                    helpers: true,
+                    regenerator: true,
+                }],
+            ],
+            extensions: ['.js', '.jsx'],
+        }),
+        commonjs({
+            extensions: ['.js', '.jsx'],
+        }),
+        resolve({ extensions: ['.js', '.jsx'] }),
+        terser(),
+    ],
+};

package/src/components/ColorPaletteControl.js

@@ -0,0 +1,16 @@
+import { ColorPalette } from '@wordpress/components';
+import { useThemeColors, useColorChange } from '../utils/index';
+
+export const ColorPaletteControl = ({ allowedColors, colorAttribute, attributeName, setAttributes }) => {
+    const colors = useThemeColors(allowedColors);
+    const onColorChange = useColorChange(colors, setAttributes);
+
+    return (
+        <ColorPalette
+            colors={colors}
+            value={colorAttribute?.value}
+            disableCustomColors={true}
+            onChange={(colorValue) => onColorChange(colorValue, attributeName)}
+        />
+    );
+};

package/src/components/IconPicker.js

@@ -0,0 +1,73 @@
+import {
+	MediaPlaceholder,
+	MediaUpload,
+	MediaUploadCheck,
+} from '@wordpress/block-editor';
+import { Button, Icon } from '@wordpress/components';
+import { edit as editIcon, trash as trashIcon } from '@wordpress/icons';
+
+export const IconPicker = ({ imageId, imageUrl, imageAlt, svgCode, onSelect, onRemove }) => {
+	const hasImage = imageId && imageUrl;
+	const isSvg = hasImage && svgCode;
+
+	return (
+		<MediaUploadCheck>
+			<MediaUpload
+				onSelect={onSelect}
+				allowedTypes={['image']}
+				value={imageId}
+				render={({ open }) => {
+					return hasImage ? (
+						<div className="bc-image-wrapper">
+							{hasImage && (
+								isSvg ? (
+									<div
+										className="svg-container"
+										dangerouslySetInnerHTML={{ __html: svgCode }}
+									/>
+								) : (
+									<img src={imageUrl} alt={imageAlt || 'icon'} />
+								)
+							)}
+
+							<div className="bc-image-wrapper__actions">
+								<Button
+									className="bc-image-wrapper__btn bc-image-wrapper__replace-btn"
+									type="button"
+									onClick={open}
+								>
+									<Icon
+										icon={editIcon}
+										size={20}
+										className="bc-image-wrapper__btn-icon"
+									/>
+								</Button>
+
+								<Button
+									className="bc-image-wrapper__btn bc-image-wrapper__remove-btn"
+									type="button"
+									onClick={onRemove}
+								>
+									<Icon
+										icon={trashIcon}
+										size={20}
+										className="bc-image-wrapper__btn-icon"
+									/>
+								</Button>
+							</div>
+
+							<div className="bc-image-wrapper__overlay" />
+						</div>
+					) : (
+						<MediaPlaceholder
+							icon="format-image"
+							onSelect={onSelect}
+							allowedTypes={['image', 'image/svg+xml']}
+							labels={{ title: 'Icon Image' }}
+						/>
+					);
+				}}
+			/>
+		</MediaUploadCheck>
+	);
+};

package/src/components/ImageActions.js

@@ -0,0 +1,59 @@
+import { MediaUpload, MediaUploadCheck, MediaPlaceholder } from '@wordpress/block-editor';
+import { Button } from '@wordpress/components';
+
+export const ImageActions = ({
+    imageId,
+    imageUrl,
+    imageAlt,
+    placeholder = false,
+    onSelectImage,
+    onRemoveImage,
+    className = '',
+}) => {
+    const hasImage = imageId && imageUrl;
+
+    return (
+        <MediaUploadCheck>
+            <MediaUpload
+                onSelect={onSelectImage}
+                allowedTypes={['image']}
+                value={imageId}
+                render={({ open }) => {
+                    return hasImage ? (
+                        <div className={`bc-image-wrapper ${className}`}>
+                            <img src={imageUrl} alt={imageAlt} onClick={open} />
+                            <div className="bc-image-wrapper__actions">
+                                <Button
+                                    className="bc-image-wrapper__btn bc-image-wrapper__replace-btn"
+                                    type="button"
+                                    onClick={open}
+                                >
+                                    Replace
+                                </Button>
+                                <Button
+                                    className="bc-image-wrapper__btn bc-image-wrapper__remove-btn"
+                                    type="button"
+                                    onClick={onRemoveImage}
+                                >
+                                    Remove
+                                </Button>
+                            </div>
+                            <div className="bc-image-wrapper__overlay" />
+                        </div>
+                    ) : placeholder ? (
+                        <MediaPlaceholder
+                            className="media-placeholder"
+                            icon="format-image"
+                            onSelect={onSelectImage}
+                            allowedTypes={['image']}
+                            labels={{
+                                title: 'Image',
+                                instructions: 'Upload an image file or pick one from your media library.',
+                            }}
+                        />
+                    ) : null;
+                }}
+            />
+        </MediaUploadCheck>
+    );
+};

package/src/components/LinkControl.js

@@ -0,0 +1,31 @@
+import { BaseControl, CheckboxControl } from '@wordpress/components';
+import { URLInput } from '@wordpress/block-editor';
+import { useLinkChange } from '../utils/index';
+
+// TODO: refactor props names
+export const LinkControl = ({
+    buttonSource,
+    isButtonOpenInNewTab,
+    setAttributes,
+}) => {
+    const onLinkChange = useLinkChange(setAttributes);
+
+    return (
+        <>
+            <BaseControl label="Source">
+                <URLInput
+                    className="bc-url-input"
+                    value={buttonSource}
+                    // TODO: this doesn't work if the attribute has a different name
+                    onChange={(newUrl) => onLinkChange(newUrl, 'buttonSource')}
+                />
+            </BaseControl>
+            <CheckboxControl
+                checked={isButtonOpenInNewTab}
+                label="Open in a new tab"
+                onChange={(newIsOpenInNewTab) =>
+                    onLinkChange(newIsOpenInNewTab, 'isButtonOpenInNewTab')}
+            />
+        </>
+    );
+};

package/src/components/MediaPicker.js

@@ -0,0 +1,130 @@
+import { Button } from '@wordpress/components';
+import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
+
+export const BCImageRenderer = ({
+    imageId,
+    imageUrl,
+    onImageClick,
+    onRemoveClick,
+    onSelectClick,
+}) => {
+    return imageId && imageUrl ? (
+        <>
+            <div className="bc-selected-media-wrapper">
+                <img
+                    src={imageUrl}
+                    className="bc-selected-media bc-selected-media--image"
+                    alt="Selected Image"
+                    onClick={onImageClick}
+                />
+            </div>
+
+            <Button
+                className="bc-remove-btn"
+                onClick={onRemoveClick}
+                isSecondary
+                isDestructive
+            >
+                Remove Image
+            </Button>
+        </>
+    ) : (
+        <Button
+            variant="secondary"
+            onClick={onSelectClick}
+            className="bc-select-btn"
+        >
+            Select Image
+        </Button>
+    );
+};
+
+export const BCVideoRenderer = ({
+    videoId,
+    videoUrl,
+    onRemoveClick,
+    onSelectClick,
+}) => {
+    return videoId && videoUrl ? (
+        <>
+            <div className="bc-selected-media-wrapper">
+                <video src={videoUrl} className="bc-selected-media bc-selected-media--video" controls />
+            </div>
+
+            <Button
+                className="bc-remove-btn"
+                onClick={onRemoveClick}
+                isSecondary
+                isDestructive
+            >
+                Remove Video
+            </Button>
+        </>
+    ) : (
+        <Button
+            variant="secondary"
+            onClick={onSelectClick}
+            className="bc-select-btn"
+        >
+            Select Video
+        </Button>
+    );
+};
+
+const MEDIA_TYPES = {
+    IMAGE: 'image',
+    VIDEO: 'video',
+};
+
+export const BCMediaPicker = ({
+    mediaId,
+    mediaUrl,
+    onSelect,
+    onRemove,
+    type = MEDIA_TYPES.IMAGE,
+    ...other
+}) => {
+    if (type === MEDIA_TYPES.IMAGE) {
+        return (
+            <MediaUploadCheck>
+                <MediaUpload
+                    onSelect={onSelect}
+                    allowedTypes={['image', 'image/svg+xml']}
+                    accept="image/*"
+                    value={mediaId}
+                    render={({ open }) => (
+                        <BCImageRenderer
+                            imageId={mediaId}
+                            imageUrl={mediaUrl}
+                            onImageClick={open}
+                            onSelectClick={open}
+                            onRemoveClick={onRemove}
+                        />
+                    )}
+                    { ...other }
+                />
+            </MediaUploadCheck>
+        );
+    } else if (type === MEDIA_TYPES.VIDEO) {
+        return (
+            <MediaUploadCheck>
+                <MediaUpload
+                    onSelect={onSelect}
+                    allowedTypes={['video']}
+                    value={mediaId}
+                    render={({ open }) => (
+                        <BCVideoRenderer
+                            videoId={mediaId}
+                            videoUrl={mediaUrl}
+                            onSelectClick={open}
+                            onRemoveClick={onRemove}
+                        />
+                    )}
+                    { ...other }
+                />
+            </MediaUploadCheck>
+        );
+    } else {
+        throw new Error('Unrecognized media type.');
+    }
+};

package/src/components/PreviewToggle.js

@@ -0,0 +1,23 @@
+import { ToggleControl } from '@wordpress/components';
+
+export const PreviewToggle = ({ attributes, setAttributes, disabled }) => {
+    const { isPreview } = attributes;
+
+    // TODO: useState instead of attributes
+    const handlePreviewChange = () => {
+        setAttributes({ isPreview: !isPreview });
+    };
+
+    // TODO: <BlockControls> will be duplicated if the parent block has the another one <BlockControls>
+    return (
+        <>
+            <ToggleControl
+                label="Enable Preview"
+                help="Please check this option to see how the block will actually look and behave on the frontend."
+                checked={isPreview}
+                onChange={handlePreviewChange}
+                disabled={disabled}
+            />
+        </>
+    );
+};

package/src/index.js

@@ -0,0 +1,8 @@
+export { ColorPaletteControl } from './components/ColorPaletteControl';
+export { IconPicker } from './components/IconPicker';
+export { ImageActions } from './components/ImageActions';
+export { LinkControl } from './components/LinkControl';
+export { BCImageRenderer, BCVideoRenderer, BCMediaPicker } from './components/MediaPicker';
+export { PreviewToggle } from './components/PreviewToggle';
+
+export * from './utils';

package/src/utils/index.js

@@ -0,0 +1,269 @@
+import apiFetch from '@wordpress/api-fetch';
+import { useSelect } from '@wordpress/data';
+import { useEffect, useRef } from '@wordpress/element';
+import slugify from 'slugify';
+
+export const loadSelectOptions = async (inputValue, postType, mapper = null) => {
+    const response = await apiFetch({
+        path: `/wp/v2/${postType}?search=${encodeURIComponent(inputValue)}`,
+    });
+
+    if (mapper) {
+        return response?.map(mapper);
+    } else {
+        return response?.map((post) => {
+            // Create a temporary DOM element to decode HTML entities
+            const tempElement = document.createElement('div');
+            tempElement.innerHTML = post?.title?.rendered;
+
+            return {
+                value: post.id,
+                label: tempElement.textContent || tempElement.innerText || '',
+            };
+        });
+    }
+};
+
+/**
+ * Hook to find a parent block of a specific type, optionally scoped within a certain root block.
+ *
+ * @param {string} selectedBlockId - The clientId of the currently selected block.
+ * @param {string} parentBlockName - The block type name to search for as a parent.
+ * @param {Object} options - Optional settings for the search.
+ * @param {string} [options.rootBlockId] - The clientId of the block to limit the search within. If not provided, searches the entire block tree.
+ * @param {boolean} [options.includeSelf] - Whether to include the selected block itself if it matches the parentBlockName.
+ * @returns {Object|null} The matching parent block, or null if none is found.
+ */
+export const useParentBlock = (selectedBlockId, parentBlockName, options = {}) => {
+    return useSelect((select) => {
+        const { getBlock, getBlockRootClientId, getBlockHierarchyRootClientId } = select('core/block-editor');
+
+        if (!selectedBlockId) {
+            return null;
+        }
+
+        // Destructure with default values to handle optional parameters.
+        const { rootBlockId = '', includeSelf = false } = options;
+
+        // If rootBlockId is provided, verify the selected block is within its scope.
+        if (rootBlockId) {
+            const hierarchyRootClientId = getBlockHierarchyRootClientId(selectedBlockId);
+            if (hierarchyRootClientId !== rootBlockId) {
+                return null; // The selected block is out of the scope of the root block.
+            }
+        }
+
+        let currentBlockId = selectedBlockId;
+        let currentBlock = getBlock(currentBlockId);
+
+        // Optionally include the selected block if it matches the target type.
+        if (includeSelf && currentBlock?.name === parentBlockName) {
+            return currentBlock;
+        }
+
+        let parentBlockId = getBlockRootClientId(currentBlockId);
+        let parentBlock = getBlock(parentBlockId);
+
+        // Traverse up the hierarchy to find the target parent block.
+        while (parentBlock && (rootBlockId ? parentBlockId !== rootBlockId : true) && parentBlockId) {
+            if (parentBlock.name === parentBlockName) {
+                return parentBlock; // Target parent found.
+            }
+            currentBlockId = parentBlockId;
+            parentBlockId = getBlockRootClientId(currentBlockId);
+            parentBlock = getBlock(parentBlockId);
+        }
+
+        return null; // No matching parent found within the constraints.
+    }, [selectedBlockId, parentBlockName, options.rootBlockId, options.includeSelf]);
+};
+
+export const getSlug = (name) => slugify(name, {
+    replacement: '-',
+    lower: true,
+    strict: true,
+});
+
+export const cleanSvgString = (svgString) => {
+    if (svgString.startsWith('<?xml')) {
+        const endOfXml = svgString.indexOf('?>');
+
+        if (endOfXml !== -1) {
+            svgString = svgString.substring(endOfXml + 2);
+        }
+    }
+
+    svgString = svgString.trim();
+
+    return svgString;
+};
+
+
+const SVG_MIME_TYPE = 'image/svg+xml';
+
+export const getImage = async (mediaData) => {
+    const isSvg = mediaData?.mime === SVG_MIME_TYPE || mediaData?.mime_type === SVG_MIME_TYPE;
+    const imagePayload = {
+        isSvg,
+        imageUrl: null,
+        svgCode: null,
+        width: mediaData?.width,
+        height: mediaData?.height,
+    };
+
+    if (isSvg) {
+        imagePayload.svgCode = await fetch(mediaData.url).then(response => response.text()).then(cleanSvgString);
+    } else {
+        imagePayload.imageUrl = mediaData?.url;
+    }
+
+    return imagePayload;
+};
+
+export const getPhoneNumber = (phone) => {
+    if (!phone) return '';
+
+    let formatted = phone;
+
+    const pattern = /^\+\d(\d{3})(\d{3})(\d{4})$/;
+    const match = phone.match(pattern);
+
+    if (match) {
+        formatted = `${match[1]}-${match[2]}-${match[3]}`;
+    }
+
+    return formatted;
+};
+
+export const getLocationAddress = (location) => {
+    const {
+        street_number = '',
+        street_name = '',
+        city = '',
+        state_short = '',
+        post_code = '',
+    } = location;
+
+    // Start with the street number and name, trimming to remove extra spaces if one is missing
+    let addressParts = [`${street_number} ${street_name}`.trim()];
+
+    // Add the city with a line break, but only if there is a city name.
+    if (city) {
+        addressParts.push(`<br>${city}`);
+    }
+
+    // Combine state and postal code intelligently, adding only if they exist
+    let statePostalParts = [];
+    if (state_short) statePostalParts.push(state_short);
+    if (post_code) statePostalParts.push(post_code);
+    let statePostal = statePostalParts.join(' ');
+
+    if (statePostal) {
+        // Add a comma only if there's something before this part
+        addressParts.push(`${addressParts.length > 0 ? ', ' : ''}${statePostal}`);
+    }
+
+    return addressParts.join('');
+};
+
+//for package
+
+export const useSlider = (isPreview, items, setup) => {
+    const ref = useRef(null);
+
+    useEffect(() => {
+        let instance;
+
+        if (isPreview && items?.length && ref?.current) {
+            instance = setup(ref.current);
+        }
+
+        return () => {
+            instance?.destroy();
+        };
+    }, [isPreview, items]);
+
+    return ref;
+};
+
+
+export const useEntityRecords = (entityType, postType, options) => {
+    const {
+        query,
+        curatedItems,
+        selectedCategories,
+        categoryKey,
+        numberOfItems,
+        order = 'desc',
+        orderby = 'date',
+    } = options;
+
+    const {
+        records,
+        isLoading,
+    } = useSelect((select) => {
+        const queryArgs = {
+            order,
+            orderby,
+            _embed: true,
+        };
+
+        // TODO: refactor
+        if (query?.LATEST_BY_CATEGORY && selectedCategories?.length) {
+            queryArgs[categoryKey] = selectedCategories.join(',');
+        } else if (query?.BY_CATEGORY && selectedCategories?.length) {
+            queryArgs[categoryKey] = selectedCategories.map((category) => category.value).join(',');
+        } else if (query?.CURATED && curatedItems?.length) {
+            queryArgs.include = curatedItems.map((item) => item.value);
+            queryArgs.orderby = 'include';
+        }
+
+        if (numberOfItems) {
+            queryArgs.per_page = numberOfItems;
+        }
+
+        const records = select('core').getEntityRecords(entityType, postType, queryArgs);
+        const isResolving = select('core/data').isResolving('core', 'getEntityRecords', [entityType, postType, queryArgs]);
+        const isLoading = isResolving || records === undefined;
+
+        return {
+            records,
+            isLoading,
+        };
+    }, [query, curatedItems, selectedCategories, categoryKey, numberOfItems, order, orderby]);
+
+    return {
+        records,
+        isLoading,
+    };
+};
+
+export const useThemeColors = (allowedColors = []) => {
+    return useSelect((select) => {
+        const { getSettings } = select('core/block-editor');
+        const colors = getSettings()?.colors;
+
+        return allowedColors.length > 0
+            ? colors?.filter((color) => allowedColors.includes(color.slug))
+            : colors;
+    }, []);
+};
+
+export const useColorChange = (colors, setAttributes) => (colorValue, property) => {
+    const selectedColor = colors.find(color => color.color === colorValue);
+
+    setAttributes({
+        [property]: selectedColor
+            ? {
+                value: colorValue,
+                slug: selectedColor.slug,
+            }
+            : null,
+    });
+};
+
+// TODO: refactor fn name
+export const useLinkChange = (setAttributes) => (value, property) => {
+    setAttributes({ [property]: value });
+};
+