customer-account.js — WooCommerce 8.8.0-rc.1

woocommerce / assets / client / blocks / customer-account.js
woocommerce / assets / client / blocks Last commit date
customer-account.js
1 lines
(()=>{var e,t={3376:(e,t,o)=>{"use strict";o.r(t);var c=o(9196);const n=window.wp.blocks;var l=o(2911),r=o(444);const a=(0,c.createElement)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,c.createElement)("path",{id:"icon/action/account_circle_24px_2",fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM12 14.5C13.46 14.5 16.93 15.09 18.36 16.83C19.38 15.49 20 13.82 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 13.82 4.62 15.49 5.64 16.83C7.07 15.09 10.54 14.5 12 14.5ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8C11.17 8 10.5 8.67 10.5 9.5Z"}));var s=o(5736);const i=JSON.parse('{"name":"woocommerce/customer-account","version":"1.0.0","title":"Customer account","description":"A block that allows your customers to log in and out of their accounts in your store.","category":"woocommerce","keywords":["WooCommerce","My Account"],"supports":{"align":true,"color":{"text":true},"typography":{"fontSize":true,"__experimentalFontFamily":true},"spacing":{"margin":true}},"attributes":{"displayStyle":{"type":"string","default":"icon_and_text"},"iconStyle":{"type":"string","default":"default"},"iconClass":{"type":"string","default":"icon"}},"textdomain":"woocommerce","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');var u=o(3849),m=o.n(u);const p=window.wp.blockEditor,d=window.wp.components,w=(0,c.createElement)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},(0,c.createElement)("path",{d:"M9 0C4.03579 0 0 4.03579 0 9C0 13.9642 4.03579 18 9 18C13.9642 18 18 13.9642 18 9C18 4.03579 13.9642 0 9 0ZM9 4.32C10.5347 4.32 11.7664 5.57056 11.7664 7.08638C11.7664 8.62109 10.5158 9.85277 9 9.85277C7.4653 9.85277 6.23362 8.60221 6.23362 7.08638C6.23362 5.57056 7.46526 4.32 9 4.32ZM9 10.7242C11.1221 10.7242 12.96 12.2021 13.7937 14.4189C12.5242 15.5559 10.8379 16.238 9 16.238C7.16207 16.238 5.49474 15.5369 4.20632 14.4189C5.05891 12.2021 6.87793 10.7242 9 10.7242Z",fill:"currentColor"})),C=(0,c.createElement)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},(0,c.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00009 8.34785C10.3096 8.34785 12.1819 6.47909 12.1819 4.17393C12.1819 1.86876 10.3096 0 8.00009 0C5.69055 0 3.81824 1.86876 3.81824 4.17393C3.81824 6.47909 5.69055 8.34785 8.00009 8.34785ZM0.333496 15.6522C0.333496 15.8444 0.489412 16 0.681933 16H15.3184C15.5109 16 15.6668 15.8444 15.6668 15.6522V14.9565C15.6668 12.1428 13.7821 9.73911 10.0912 9.73911H5.90931C2.21828 9.73911 0.333645 12.1428 0.333645 14.9565L0.333496 15.6522Z",fill:"currentColor"})),_=window.wc.wcSettings;let y=function(e){return e.ICON_AND_TEXT="icon_and_text",e.TEXT_ONLY="text_only",e.ICON_ONLY="icon_only",e}({}),g=function(e){return e.DEFAULT="default",e.ALT="alt",e}({});const b=({iconStyle:e,displayStyle:t,iconClass:o})=>{const n=e===g.ALT?w:C;return t===y.TEXT_ONLY?null:(0,c.createElement)(l.Z,{className:o,icon:n,size:18})},v=({displayStyle:e})=>{if(e===y.ICON_ONLY)return null;const t=(0,_.getSetting)("currentUserId",null);return(0,c.createElement)("span",{className:"label"},t?(0,s.__)("My Account","woocommerce"):(0,s.__)("Log in","woocommerce"))},E=({attributes:e})=>{const{displayStyle:t,iconStyle:o,iconClass:n}=e;return(0,c.createElement)("a",{href:(0,_.getSetting)("dashboardUrl",(0,_.getSetting)("wpLoginUrl","/wp-login.php"))},(0,c.createElement)(b,{iconStyle:o,displayStyle:t,iconClass:n}),(0,c.createElement)(v,{displayStyle:t}))};var f=o(9307);const h=()=>{const e=`${(0,_.getSetting)("adminUrl")}admin.php?page=wc-settings&tab=account`,t=(0,f.createInterpolateElement)(`<a>${(0,s.__)("Manage account settings","woocommerce")}</a>`,{a:(0,c.createElement)(d.ExternalLink,{href:e})});return(0,c.createElement)("div",{className:"wc-block-editor-customer-account__link"},t)},S=({attributes:e,setAttributes:t})=>{const{displayStyle:o,iconStyle:n}=e,r=[y.ICON_ONLY,y.ICON_AND_TEXT].includes(o);return(0,c.createElement)(p.InspectorControls,{key:"inspector"},(0,c.createElement)(d.PanelBody,null,(0,c.createElement)(h,null)),(0,c.createElement)(d.PanelBody,{title:(0,s.__)("Display settings","woocommerce")},(0,c.createElement)(d.SelectControl,{className:"customer-account-display-style",label:(0,s.__)("Icon options","woocommerce"),value:o,onChange:e=>{t({displayStyle:e})},help:(0,s.__)("Choose if you want to include an icon with the customer account link.","woocommerce"),options:[{value:y.ICON_AND_TEXT,label:(0,s.__)("Icon and text","woocommerce")},{value:y.TEXT_ONLY,label:(0,s.__)("Text-only","woocommerce")},{value:y.ICON_ONLY,label:(0,s.__)("Icon-only","woocommerce")}]}),r?(0,c.createElement)(d.__experimentalToggleGroupControl,{label:(0,s.__)("Display Style","woocommerce"),value:n,onChange:e=>t({iconStyle:e}),className:"wc-block-editor-customer-account__icon-style-toggle"},(0,c.createElement)(d.__experimentalToggleGroupControlOption,{value:g.DEFAULT,label:(0,c.createElement)(l.Z,{icon:C,size:16,className:m()("wc-block-editor-customer-account__icon-option",{active:n===g.DEFAULT})})}),(0,c.createElement)(d.__experimentalToggleGroupControlOption,{value:g.ALT,label:(0,c.createElement)(l.Z,{icon:w,size:20,className:m()("wc-block-editor-customer-account__icon-option",{active:n===g.ALT})})})):null))};o(8114);o(8030),(0,n.registerBlockType)(i,{icon:{src:(0,c.createElement)(l.Z,{icon:a,className:"wc-block-editor-components-block-icon"})},attributes:{...i.attributes},edit:({attributes:e,setAttributes:t})=>{const{className:o}=e,n=(0,p.useBlockProps)({className:m()("wc-block-editor-customer-account",o)});return(0,c.createElement)(c.Fragment,null,(0,c.createElement)("div",{...n},(0,c.createElement)(p.InspectorControls,null,(0,c.createElement)(S,{attributes:e,setAttributes:t})),(0,c.createElement)(d.Disabled,null,(0,c.createElement)(E,{attributes:e}))))},save:()=>null}),(0,n.registerBlockVariation)("woocommerce/customer-account",{name:"woocommerce/customer-account",title:(0,s.__)("Customer account","woocommerce"),isDefault:!0,attributes:{...i.attributes,displayStyle:"icon_and_text",iconStyle:"default",iconClass:"wc-block-customer-account__account-icon"}})},8114:()=>{},8030:()=>{},9196:e=>{"use strict";e.exports=window.React},9307:e=>{"use strict";e.exports=window.wp.element},5736:e=>{"use strict";e.exports=window.wp.i18n},444:e=>{"use strict";e.exports=window.wp.primitives}},o={};function c(e){var n=o[e];if(void 0!==n)return n.exports;var l=o[e]={exports:{}};return t[e].call(l.exports,l,l.exports,c),l.exports}c.m=t,e=[],c.O=(t,o,n,l)=>{if(!o){var r=1/0;for(u=0;u<e.length;u++){for(var[o,n,l]=e[u],a=!0,s=0;s<o.length;s++)(!1&l||r>=l)&&Object.keys(c.O).every((e=>c.O[e](o[s])))?o.splice(s--,1):(a=!1,l<r&&(r=l));if(a){e.splice(u--,1);var i=n();void 0!==i&&(t=i)}}return t}l=l||0;for(var u=e.length;u>0&&e[u-1][2]>l;u--)e[u]=e[u-1];e[u]=[o,n,l]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.j=7361,(()=>{var e={7361:0};c.O.j=t=>0===e[t];var t=(t,o)=>{var n,l,[r,a,s]=o,i=0;if(r.some((t=>0!==e[t]))){for(n in a)c.o(a,n)&&(c.m[n]=a[n]);if(s)var u=s(c)}for(t&&t(o);i<r.length;i++)l=r[i],c.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return c.O(u)},o=self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var n=c.O(void 0,[2869],(()=>c(3376)));n=c.O(n),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["customer-account"]=n})();