✏️ Editing: product-search.js Writable

(()=>{var e,o,t,r={1190:(e,o,t)=>{"use strict";const r=window.wp.hooks,c=window.wp.blockEditor,l=window.wp.data;var s=t(7723),n=t(4530),a=t(428);const i=window.wp.components,u=window.wp.blocks;t(2434);var d=t(6087);const p="core/search",m="woocommerce/product-search";let b=function(e){return e.OUTSIDE="button-outside",e.INSIDE="button-inside",e.NO_BUTTON="no-button",e.BUTTON_ONLY="button-only",e.INPUT_AND_BUTTON="input-and-button",e}({});function _(e){return"button-outside"===e||"button-inside"===e}function w(e){return _(e)?b.INPUT_AND_BUTTON:e}function h(e){return _(e)?e:b.OUTSIDE}var f=t(790);const g=e=>{const{attributes:o,setAttributes:t}=e,{buttonPosition:r,buttonUseIcon:l,showLabel:n}=o,[a,u]=(0,d.useState)(r);return(0,d.useEffect)((()=>{_(r)&&a!==r&&u(r)}),[r]),(0,f.jsx)(c.InspectorControls,{group:"styles",children:(0,f.jsxs)(i.PanelBody,{title:(0,s.__)("Styles","woocommerce"),children:[(0,f.jsx)(i.RadioControl,{selected:w(r),options:[{label:(0,s.__)("Input and button","woocommerce"),value:b.INPUT_AND_BUTTON},{label:(0,s.__)("Input only","woocommerce"),value:b.NO_BUTTON},{label:(0,s.__)("Button only","woocommerce"),value:b.BUTTON_ONLY}],onChange:e=>{if(e!==b.INPUT_AND_BUTTON)t({buttonPosition:e});else{const e=h(a);t({buttonPosition:e})}}}),r!==b.NO_BUTTON&&(0,f.jsxs)(f.Fragment,{children:[r!==b.BUTTON_ONLY&&(0,f.jsxs)(i.__experimentalToggleGroupControl,{label:(0,s.__)("BUTTON POSITION","woocommerce"),isBlock:!0,onChange:e=>{t({buttonPosition:e})},value:h(r),children:[(0,f.jsx)(i.__experimentalToggleGroupControlOption,{value:b.INSIDE,label:(0,s.__)("Inside","woocommerce")}),(0,f.jsx)(i.__experimentalToggleGroupControlOption,{value:b.OUTSIDE,label:(0,s.__)("Outside","woocommerce")})]}),(0,f.jsxs)(i.__experimentalToggleGroupControl,{label:(0,s.__)("BUTTON APPEARANCE","woocommerce"),isBlock:!0,onChange:e=>{t({buttonUseIcon:e})},value:l,children:[(0,f.jsx)(i.__experimentalToggleGroupControlOption,{value:!1,label:(0,s.__)("Text","woocommerce")}),(0,f.jsx)(i.__experimentalToggleGroupControlOption,{value:!0,label:(0,s.__)("Icon","woocommerce")})]})]}),(0,f.jsx)(i.ToggleControl,{label:(0,s.__)("Show input label","woocommerce"),checked:n,onChange:e=>t({showLabel:e})})]})})};var x=t(4921);const y=window.wc.wcSettings,O=({attributes:{label:e,placeholder:o,formId:t,className:r,hasLabel:c,align:l}})=>{const n=(0,x.A)("wc-block-product-search",l?"align"+l:"",r);return(0,f.jsx)("div",{className:n,children:(0,f.jsxs)("form",{role:"search",method:"get",action:y.HOME_URL,children:[(0,f.jsx)("label",{htmlFor:t,className:c?"wc-block-product-search__label":"wc-block-product-search__label screen-reader-text",children:e}),(0,f.jsxs)("div",{className:"wc-block-product-search__fields",children:[(0,f.jsx)("input",{type:"search",id:t,className:"wc-block-product-search__field",placeholder:o,name:"s"}),(0,f.jsx)("input",{type:"hidden",name:"post_type",value:"product"}),(0,f.jsx)("button",{type:"submit",className:"wc-block-product-search__button","aria-label":(0,s.__)("Search","woocommerce"),children:(0,f.jsx)("svg",{"aria-hidden":"true",role:"img",focusable:"false",className:"dashicon dashicons-arrow-right-alt2",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",children:(0,f.jsx)("path",{d:"M6 15l5-5-5-5 1-2 7 7-7 7z"})})})]})]})})},T={hasLabel:{type:"boolean",default:!0},label:{type:"string",default:(0,s.__)("Search","woocommerce")},placeholder:{type:"string",default:(0,s.__)("Search products…","woocommerce")},formId:{type:"string",default:""}},v={label:T.label.default,buttonText:T.label.default,placeholder:T.placeholder.default,query:{post_type:"product"},namespace:m};(0,u.registerBlockType)(m,{title:(0,s.__)("Product Search","woocommerce"),apiVersion:3,icon:{src:(0,f.jsx)(n.A,{icon:a.A,className:"wc-block-editor-components-block-icon"})},category:"woocommerce",keywords:[(0,s.__)("WooCommerce","woocommerce")],description:(0,s.__)("A search box to allow customers to search for products by keyword.","woocommerce"),supports:{align:["wide","full"],inserter:!1},attributes:T,transforms:{from:[{type:"block",blocks:["core/legacy-widget"],isMatch:({idBase:e,instance:o})=>"woocommerce_product_search"===e&&!!o?.raw,transform:({instance:e})=>(0,u.createBlock)(m,{label:e.raw.title||v.label})}]},deprecated:[{attributes:T,save:e=>(0,f.jsx)("div",{children:(0,f.jsx)(O,{...e})})}],edit:({clientId:e})=>{const{replaceBlocks:o}=(0,l.useDispatch)(c.store),t=(0,l.useSelect)((o=>o("core/block-editor").getBlockAttributes(e)),[e]),r=[(0,f.jsx)(i.Button,{onClick:()=>{o(e,(0,u.createBlock)("core/search",{label:t?.label||v.label,buttonText:v.buttonText,placeholder:t?.placeholder||v.placeholder,query:v.query}))},variant:"primary",children:(0,s.__)("Upgrade Block","woocommerce")},"update")];return(0,f.jsx)(c.Warning,{actions:r,className:"wc-block-components-actions",children:(0,s.__)("This version of the Product Search block is outdated. Upgrade to continue using.","woocommerce")})},save:()=>null}),(0,r.addFilter)("blocks.registerBlockType",m,(function(e,o){return"core/search"===o&&(e.attributes={...e.attributes,namespace:{type:"string"}}),e})),(0,u.registerBlockVariation)("core/search",{name:m,title:(0,s.__)("Product Search","woocommerce"),icon:{src:(0,f.jsx)(n.A,{icon:a.A,className:"wc-block-editor-components-block-icon"})},isActive:(e,o)=>e.query?.post_type===o.query.post_type,category:"woocommerce",keywords:[(0,s.__)("WooCommerce","woocommerce")],description:(0,s.__)("A search box to allow customers to search for products by keyword.","woocommerce"),attributes:v}),(0,r.addFilter)("editor.BlockEdit",p,(e=>o=>function(e){return e.name===p&&e.attributes?.namespace===m}(o)?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(g,{...o}),(0,f.jsx)(e,{...o})]}):(0,f.jsx)(e,{...o})))},2434:()=>{},1609:e=>{"use strict";e.exports=window.React},790:e=>{"use strict";e.exports=window.ReactJSXRuntime},6087:e=>{"use strict";e.exports=window.wp.element},7723:e=>{"use strict";e.exports=window.wp.i18n},5573:e=>{"use strict";e.exports=window.wp.primitives}},c={};function l(e){var o=c[e];if(void 0!==o)return o.exports;var t=c[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.m=r,e=[],l.O=(o,t,r,c)=>{if(!t){var s=1/0;for(u=0;u<e.length;u++){for(var[t,r,c]=e[u],n=!0,a=0;a<t.length;a++)(!1&c||s>=c)&&Object.keys(l.O).every((e=>l.O[e](t[a])))?t.splice(a--,1):(n=!1,c<s&&(s=c));if(n){e.splice(u--,1);var i=r();void 0!==i&&(o=i)}}return o}c=c||0;for(var u=e.length;u>0&&e[u-1][2]>c;u--)e[u]=e[u-1];e[u]=[t,r,c]},l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var c=Object.create(null);l.r(c);var s={};o=o||[null,t({}),t([]),t(t)];for(var n=2&r&&e;"object"==typeof n&&!~o.indexOf(n);n=t(n))Object.getOwnPropertyNames(n).forEach((o=>s[o]=()=>e[o]));return s.default=()=>e,l.d(c,s),c},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=2545,(()=>{var e={2545:0};l.O.j=o=>0===e[o];var o=(o,t)=>{var r,c,[s,n,a]=t,i=0;if(s.some((o=>0!==e[o]))){for(r in n)l.o(n,r)&&(l.m[r]=n[r]);if(a)var u=a(l)}for(o&&o(t);i<s.length;i++)c=s[i],l.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return l.O(u)},t=globalThis.webpackChunkwebpackWcBlocksMainJsonp=globalThis.webpackChunkwebpackWcBlocksMainJsonp||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var s=l.O(void 0,[94],(()=>l(1190)));s=l.O(s),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["product-search"]=s})();

🔐 Sid Gifari File Manager Pro