classic-shortcode.js — WooCommerce 10.9.2

woocommerce / assets / client / blocks / classic-shortcode.js
woocommerce / assets / client / blocks Last commit date
classic-shortcode.js
1 lines
(()=>{var e,t,o,c={1730:(e,t,o)=>{"use strict";var c={};o.r(c),o.d(c,{blockifyConfig:()=>R,getDescription:()=>v,getTitle:()=>_});var r={};o.r(r),o.d(r,{blockifyConfig:()=>T,getDescription:()=>O,getTitle:()=>B});const i=window.wp.blocks,s=window.wp.blockEditor,n=window.wp.components;var l=o(7723),a=o(7871),h=o(5850);const d=window.wp.data;var x=o(6087);const m=window.wp.notices,w=({blocks:e,findCondition:t})=>{for(const o of e){if(t(o))return o;if(o.innerBlocks){const e=w({blocks:o.innerBlocks,findCondition:t});if(e)return e}}};o(3640),o(9754);var p=o(5573),u=o(790);const g=()=>(0,u.jsx)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 892 516",children:(0,u.jsxs)(p.G,{fill:"currentColor",transform:"translate(-1)",children:[(0,u.jsx)(p.Rect,{width:"100",height:"20",x:"1",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"20",x:"421",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"20",x:"793",rx:"2"}),(0,u.jsx)(p.Rect,{width:"150",height:"24",x:"125",y:"48",rx:"2"}),(0,u.jsx)(p.Rect,{width:"50",height:"24",x:"125",y:"86",rx:"2"}),(0,u.jsx)(p.Rect,{width:"50",height:"24",x:"457",y:"48",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"100",x:"15",y:"48",rx:"2"}),(0,u.jsx)(p.Rect,{width:"150",height:"150",x:"1",y:"318",rx:"2"}),(0,u.jsx)(p.Rect,{width:"150",height:"150",x:"373",y:"318",rx:"2"}),(0,u.jsx)(p.Rect,{width:"150",height:"150",x:"187",y:"318",rx:"2"}),(0,u.jsx)(p.Rect,{width:"150",height:"24",x:"125",y:"178",rx:"2"}),(0,u.jsx)(p.Rect,{width:"50",height:"24",x:"125",y:"216",rx:"2"}),(0,u.jsx)(p.Rect,{width:"50",height:"24",x:"457",y:"178",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"100",x:"15",y:"178",rx:"2"}),(0,u.jsx)(p.Rect,{width:"304",height:"359",x:"588",y:"34",rx:"2"}),(0,u.jsx)(p.Rect,{width:"520",height:"1",x:"1",y:"34",rx:".5"}),(0,u.jsx)(p.Rect,{width:"520",height:"1",y:"162",rx:".5"}),(0,u.jsx)(p.Rect,{width:"520",height:"1",x:"1",y:"292",rx:".5"}),(0,u.jsx)(p.Rect,{width:"304",height:"64",x:"589",y:"407",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"38",x:"26",y:"478",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"38",x:"212",y:"478",rx:"2"}),(0,u.jsx)(p.Rect,{width:"100",height:"38",x:"398",y:"478",rx:"2"})]})}),k=()=>(0,u.jsx)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 892 726",children:(0,u.jsxs)(p.G,{fill:"currentColor",transform:"translate(-1)",children:[(0,u.jsx)(p.Rect,{width:"203",height:"38",x:"1",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",x:"1",y:"62",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",y:"124",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",x:"1",y:"186",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",x:"2",y:"248",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",x:"3",y:"310",rx:"2"}),(0,u.jsx)(p.Rect,{width:"434",height:"38",x:"3",y:"372",rx:"2"}),(0,u.jsx)(p.Rect,{width:"892",height:"204",x:"2",y:"434",rx:"2"}),(0,u.jsx)(p.Rect,{width:"203",height:"38",x:"231",rx:"2"}),(0,u.jsx)(p.Rect,{width:"203",height:"38",x:"514",rx:"2"}),(0,u.jsx)(p.Rect,{width:"427",height:"100",x:"466",y:"62",rx:"2"}),(0,u.jsx)(p.Rect,{width:"304",height:"64",x:"588",y:"662",rx:"2"}),(0,u.jsx)(p.Rect,{width:"38",height:"38",x:"466",rx:"2"}),(0,u.jsx)(p.Rect,{width:"203",height:"38",x:"48",y:"662",rx:"2"}),(0,u.jsx)(p.Rect,{width:"38",height:"38",y:"662",rx:"2"})]})}),b="cart",f="checkout",j={cart:{type:b,title:(0,l.__)("Cart Shortcode","woocommerce"),description:(0,l.__)("Renders the classic cart shortcode.","woocommerce"),placeholder:"cart"},checkout:{type:f,title:(0,l.__)("Checkout Cart","woocommerce"),description:(0,l.__)("Renders the classic checkout shortcode.","woocommerce"),placeholder:"checkout"}},y=e=>[(0,i.createBlock)("woocommerce/checkout",{...e,className:"wc-block-checkout"})].filter(Boolean),_=()=>(0,l.__)("Classic Checkout","woocommerce"),v=()=>(0,l.__)("This block will render the classic checkout shortcode. You can optionally transform it into blocks for more control over the checkout experience.","woocommerce"),R={getButtonLabel:()=>(0,l.__)("Transform into blocks","woocommerce"),onClickCallback:({clientId:e,attributes:t,getBlocks:o,replaceBlock:c,selectBlock:r})=>{c(e,y(t));const i=o().find(e=>"core/group"===e.name&&e.innerBlocks.some(e=>"woocommerce/store-notices"===e.name));i&&r(i.clientId)},getBlockifiedTemplate:y},C=e=>[(0,i.createBlock)("woocommerce/cart",{...e,className:"wc-block-cart"})].filter(Boolean),B=()=>(0,l.__)("Classic Cart","woocommerce"),O=()=>(0,l.__)("This block will render the classic cart shortcode. You can optionally transform it into blocks for more control over the cart experience.","woocommerce"),T={getButtonLabel:()=>(0,l.__)("Transform into blocks","woocommerce"),onClickCallback:({clientId:e,attributes:t,getBlocks:o,replaceBlock:c,selectBlock:r})=>{c(e,C(t));const i=o().find(e=>"core/group"===e.name&&e.innerBlocks.some(e=>"woocommerce/store-notices"===e.name));i&&r(i.clientId)},getBlockifiedTemplate:C},I=JSON.parse('{"name":"woocommerce/classic-shortcode","title":"Classic Shortcode","description":"Renders classic WooCommerce shortcodes.","category":"woocommerce","keywords":["WooCommerce"],"supports":{"interactivity":{"clientNavigation":false},"align":true,"html":false,"multiple":false,"reusable":false,"inserter":true},"attributes":{"shortcode":{"type":"string","default":"cart","enum":["cart","checkout"]},"align":{"type":"string","default":"wide"}},"textdomain":"woocommerce","apiVersion":3,"$schema":"https://schemas.wp.org/trunk/block.json"}'),S={[b]:r,[f]:c,fallback:{getBlockifiedTemplate:()=>[],getDescription:()=>"",onClickCallback:()=>{}}},P=({blockifyConfig:e,clientId:t,attributes:o})=>{const{getButtonLabel:c,onClickCallback:r,getBlockifiedTemplate:a}=e,[h,p]=(0,x.useState)(!1),{replaceBlock:g,selectBlock:k}=(0,d.useDispatch)(s.store),{createInfoNotice:b}=(0,d.useDispatch)(m.store),{getBlocks:f}=(0,d.useSelect)(e=>({getBlocks:e(s.store).getBlocks}),[]);return(0,u.jsxs)(n.TabbableContainer,{className:"wp-block-woocommerce-classic-shortcode__placeholder-migration-button-container",children:[(0,u.jsx)(n.Button,{variant:"primary",onClick:()=>{r({clientId:t,getBlocks:f,attributes:o,replaceBlock:g,selectBlock:k}),b((0,l.__)("Classic shortcode transformed to blocks.","woocommerce"),{actions:[{label:(0,l.__)("Undo","woocommerce"),onClick:()=>{const e=["woocommerce/cart","woocommerce/checkout"],t=w({blocks:f(),findCondition:t=>e.includes(t.name)});t&&g(t.clientId,(0,i.createBlock)("woocommerce/classic-shortcode",{shortcode:o.shortcode}))}}],type:"snackbar"})},onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),text:c?c():"",tabIndex:0,children:h&&(0,u.jsx)(n.Popover,{resize:!1,placement:"right-end",children:(0,u.jsx)("div",{style:{minWidth:"250px",width:"250px",maxWidth:"250px",minHeight:"300px",height:"300px",maxHeight:"300px",cursor:"pointer"},children:(0,u.jsx)(s.BlockPreview,{blocks:a({...o,isPreview:!0}),viewportWidth:1200,additionalStyles:[{css:"body { padding: 20px !important; height: fit-content !important; overflow:hidden}"}]})})})}),(0,u.jsx)(n.Button,{variant:"secondary",href:"https://woocommerce.com/document/woocommerce-store-editing/customizing-cart-and-checkout/",target:"_blank",tabIndex:0,children:(0,l.__)("Learn more","woocommerce")})]})},N=({clientId:e,attributes:t})=>{const o=(0,s.useBlockProps)(),c=function(e,t){const o=Object.keys(t);let c=null;for(let r=0;o.length>r;r++){const i=t[e.substr(0,o[r].length)];if(i){c=i;break}}return c}(t.shortcode,j),r=t.shortcode,i=c?.placeholder??"cart",a=c?.type??"fallback",{getDescription:h,getTitle:d,blockifyConfig:m}=S[a],w=!!c?.type,p=d?d():(0,l.__)("Classic Shortcode Placeholder","woocommerce"),b=h(r),f=(0,x.createInterpolateElement)((0,l.__)("You can learn more about the benefits of switching to blocks, compatibility with extensions, and how to switch back to shortcodes <a>in our documentation</a>.","woocommerce"),{a:(0,u.jsx)(n.ExternalLink,{href:"https://woocommerce.com/document/woocommerce-store-editing/customizing-cart-and-checkout/"})});return(0,u.jsx)("div",{...o,children:(0,u.jsxs)(n.Placeholder,{className:"wp-block-woocommerce-classic-shortcode__placeholder",children:[(0,u.jsx)("div",{className:"wp-block-woocommerce-classic-shortcode__placeholder-wireframe",children:"cart"===i?(0,u.jsx)(g,{}):(0,u.jsx)(k,{})}),(0,u.jsxs)("div",{className:"wp-block-woocommerce-classic-shortcode__placeholder-copy",children:[(0,u.jsxs)("div",{className:"wp-block-woocommerce-classic-shortcode__placeholder-copy__icon-container",children:[(0,u.jsx)("h1",{children:(0,l.__)("WooCommerce","woocommerce")}),(0,u.jsx)("span",{children:p})]}),w&&(0,u.jsx)("p",{children:b}),(0,u.jsx)("p",{children:f}),w&&m&&(0,u.jsx)(P,{clientId:e,blockifyConfig:m,attributes:t})]})]})})},M={icon:(0,u.jsx)(a.A,{icon:h.A,className:"wc-block-editor-components-block-icon"}),edit:({attributes:e,clientId:t,setAttributes:o})=>(0,u.jsx)(N,{attributes:e,setAttributes:o,clientId:t}),save:()=>null,variations:[{name:"checkout",title:(0,l.__)("Classic Checkout","woocommerce"),attributes:{shortcode:"checkout"},isActive:(e,t)=>e.shortcode===t.shortcode,scope:["inserter"]},{name:"cart",title:(0,l.__)("Classic Cart","woocommerce"),attributes:{shortcode:"cart"},isActive:(e,t)=>e.shortcode===t.shortcode,scope:["inserter"],isDefault:!0}],apiVersion:3};(0,i.registerBlockType)(I,M)},3640:()=>{},9754:()=>{},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}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return c[e](o,o.exports,i),o.exports}i.m=c,e=[],i.O=(t,o,c,r)=>{if(!o){var s=1/0;for(h=0;h<e.length;h++){for(var[o,c,r]=e[h],n=!0,l=0;l<o.length;l++)(!1&r||s>=r)&&Object.keys(i.O).every(e=>i.O[e](o[l]))?o.splice(l--,1):(n=!1,r<s&&(s=r));if(n){e.splice(h--,1);var a=c();void 0!==a&&(t=a)}}return t}r=r||0;for(var h=e.length;h>0&&e[h-1][2]>r;h--)e[h]=e[h-1];e[h]=[o,c,r]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},o=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var r=Object.create(null);i.r(r);var s={};t=t||[null,o({}),o([]),o(o)];for(var n=2&c&&e;"object"==typeof n&&!~t.indexOf(n);n=o(n))Object.getOwnPropertyNames(n).forEach(t=>s[t]=()=>e[t]);return s.default=()=>e,i.d(r,s),r},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=3035,(()=>{var e={3035:0};i.O.j=t=>0===e[t];var t=(t,o)=>{var c,r,[s,n,l]=o,a=0;if(s.some(t=>0!==e[t])){for(c in n)i.o(n,c)&&(i.m[c]=n[c]);if(l)var h=l(i)}for(t&&t(o);a<s.length;a++)r=s[a],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(h)},o=globalThis.webpackChunkwebpackWcBlocksMainJsonp=globalThis.webpackChunkwebpackWcBlocksMainJsonp||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var s=i.O(void 0,[94],()=>i(1730));s=i.O(s),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["classic-shortcode"]=s})();