customer-account.js — WooCommerce 11.1.0

woocommerce / assets / client / blocks / customer-account.js
woocommerce / assets / client / blocks Last commit date
customer-account.js
1 lines
(()=>{var e,o,t,c={7907:(e,o,t)=>{"use strict";const c=window.wp.blocks;var n=t(3450),r=t(5573),l=t(790);const i=(0,l.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)("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=t(7723);const a=JSON.parse('{"name":"woocommerce/customer-account","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},"interactivity":true,"typography":{"fontSize":true,"__experimentalFontFamily":true},"spacing":{"margin":true,"padding":true}},"attributes":{"displayStyle":{"type":"string","default":"icon_and_text"},"hasDropdownNavigation":{"type":"boolean","default":false},"iconStyle":{"type":"string","default":"default"},"iconClass":{"type":"string","default":"icon"}},"viewScriptModule":"woocommerce/customer-account","style":"file:../woocommerce/customer-account-style.css","editorStyle":"file:../woocommerce/customer-account-editor.css","textdomain":"woocommerce","apiVersion":3,"$schema":"https://schemas.wp.org/trunk/block.json"}');var u=t(4921);const d=window.wp.blockEditor,p=window.wp.components,m=(0,l.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-5 -5 25 25",children:(0,l.jsx)("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"})}),w=(0,l.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-4 -4 25 25",children:(0,l.jsx)("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"})}),_=(0,l.jsxs)(r.SVG,{viewBox:"1 1 29 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)(r.Circle,{cx:"16",cy:"10.5",r:"3.5",stroke:"currentColor",strokeWidth:"2"}),(0,l.jsx)(r.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5 18.5H20.5C21.8807 18.5 23 19.6193 23 21V25.5H25V21C25 18.5147 22.9853 16.5 20.5 16.5H11.5C9.01472 16.5 7 18.5147 7 21V25.5H9V21C9 19.6193 10.1193 18.5 11.5 18.5Z",fill:"currentColor"})]}),g=(0,l.jsx)(r.SVG,{viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(r.Path,{d:"M1 1L5 5L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),h=window.wc.wcSettings;let x=function(e){return e.ICON_AND_TEXT="icon_and_text",e.TEXT_ONLY="text_only",e.ICON_ONLY="icon_only",e}({}),C=function(e){return e.DEFAULT="default",e.ALT="alt",e.LINE="line",e}({});const y={default:m,alt:w,line:_},b=({iconStyle:e,displayStyle:o,iconClass:t})=>o!==x.TEXT_ONLY?(0,l.jsx)("div",{className:"wc-block-customer-account__visual",children:(0,l.jsx)(n.A,{className:t,icon:y[e],size:18})}):null,f=({displayStyle:e})=>{if(e===x.ICON_ONLY)return null;const o=(0,h.getSetting)("currentUserId",null);return(0,l.jsx)("span",{className:"label",children:o?(0,s.__)("My Account","woocommerce"):(0,s.__)("Log in","woocommerce")})},v=({attributes:e})=>{const{displayStyle:o,hasDropdownNavigation:t,iconStyle:c,iconClass:r}=e,i=o===x.ICON_ONLY?{"aria-label":(0,s.__)("My Account","woocommerce")}:{},a=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(b,{iconStyle:c,displayStyle:o,iconClass:r}),(0,l.jsx)(f,{displayStyle:o})]});return t?(0,l.jsxs)("button",{type:"button",className:"wc-block-customer-account__toggle",...i,children:[a,(0,l.jsx)(n.A,{className:"wc-block-customer-account__caret",icon:g,size:10})]}):(0,l.jsx)("a",{className:"wc-block-customer-account__link",href:(0,h.getSetting)("dashboardUrl",(0,h.getSetting)("wpLoginUrl","/wp-login.php")),...i,children:a})};var j=t(6087);const k=()=>{const e=`${(0,h.getSetting)("adminUrl")}admin.php?page=wc-settings&tab=account`,o=(0,j.createInterpolateElement)(`<a>${(0,s.__)("Manage account settings","woocommerce")}</a>`,{a:(0,l.jsx)(p.ExternalLink,{href:e})});return(0,l.jsx)("div",{className:"wc-block-editor-customer-account__link",children:o})},N=({attributes:e,setAttributes:o})=>{const{displayStyle:t,iconStyle:c}=e,r=[x.ICON_ONLY,x.ICON_AND_TEXT].includes(t);return(0,l.jsxs)(d.InspectorControls,{children:[(0,l.jsx)(p.PanelBody,{children:(0,l.jsx)(k,{})}),(0,l.jsxs)(p.PanelBody,{title:(0,s.__)("Display settings","woocommerce"),children:[(0,l.jsx)(p.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,className:"customer-account-display-style",label:(0,s.__)("Icon options","woocommerce"),value:t,onChange:e=>{o({displayStyle:e})},help:(0,s.__)("Choose if you want to include an icon with the customer account link.","woocommerce"),options:[{value:x.ICON_AND_TEXT,label:(0,s.__)("Icon and text","woocommerce")},{value:x.TEXT_ONLY,label:(0,s.__)("Text-only","woocommerce")},{value:x.ICON_ONLY,label:(0,s.__)("Icon-only","woocommerce")}]}),r?(0,l.jsxs)(p.__experimentalToggleGroupControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Display Style","woocommerce"),isBlock:!0,value:c,onChange:e=>o({iconStyle:e}),help:(0,s.__)("When a logged-in customer has a profile photo, it replaces the icon.","woocommerce"),className:"wc-block-editor-customer-account__icon-style-toggle",children:[(0,l.jsx)(p.__experimentalToggleGroupControlOption,{value:C.LINE,label:(0,l.jsx)(n.A,{icon:_,size:32,className:(0,u.A)("wc-block-editor-customer-account__icon-option",{active:c===C.LINE})})}),(0,l.jsx)(p.__experimentalToggleGroupControlOption,{value:C.DEFAULT,label:(0,l.jsx)(n.A,{icon:m,size:32,className:(0,u.A)("wc-block-editor-customer-account__icon-option",{active:c===C.DEFAULT})})}),(0,l.jsx)(p.__experimentalToggleGroupControlOption,{value:C.ALT,label:(0,l.jsx)(n.A,{icon:w,size:32,className:(0,u.A)("wc-block-editor-customer-account__icon-option",{active:c===C.ALT})})})]}):null,(0,l.jsx)(p.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show dropdown navigation","woocommerce"),help:(0,s.__)("Display a dropdown menu with account navigation links when clicked.","woocommerce"),checked:e.hasDropdownNavigation??!1,onChange:e=>{o({hasDropdownNavigation:e})}})]})]},"inspector")};t(2380);(0,c.registerBlockType)(a,{icon:{src:(0,l.jsx)(n.A,{icon:i,className:"wc-block-editor-components-block-icon"})},attributes:{...a.attributes},edit:({attributes:e,setAttributes:o})=>{const{className:t,hasDropdownNavigation:c}=e,n=(0,d.useBlockProps)({className:(0,u.A)("wc-block-editor-customer-account",t,{"wc-block-customer-account--has-dropdown":c})});return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{...n,children:[(0,l.jsx)(d.InspectorControls,{children:(0,l.jsx)(N,{attributes:e,setAttributes:o})}),(0,l.jsx)(p.Disabled,{children:(0,l.jsx)(v,{attributes:e})})]})})},save:()=>null}),(0,c.registerBlockVariation)("woocommerce/customer-account",{name:"woocommerce/customer-account",title:(0,s.__)("Customer account","woocommerce"),isDefault:!0,attributes:{...a.attributes,displayStyle:"icon_and_text",hasDropdownNavigation:!1,iconStyle:"default",iconClass:"wc-block-customer-account__account-icon"}})},2380:()=>{},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}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return c[e](t,t.exports,r),t.exports}r.m=c,e=[],r.O=(o,t,c,n)=>{if(!t){var l=1/0;for(u=0;u<e.length;u++){for(var[t,c,n]=e[u],i=!0,s=0;s<t.length;s++)(!1&n||l>=n)&&Object.keys(r.O).every(e=>r.O[e](t[s]))?t.splice(s--,1):(i=!1,n<l&&(l=n));if(i){e.splice(u--,1);var a=c();void 0!==a&&(o=a)}}return o}n=n||0;for(var u=e.length;u>0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[t,c,n]},r.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return r.d(o,{a:o}),o},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.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 n=Object.create(null);r.r(n);var l={};o=o||[null,t({}),t([]),t(t)];for(var i=2&c&&e;"object"==typeof i&&!~o.indexOf(i);i=t(i))Object.getOwnPropertyNames(i).forEach(o=>l[o]=()=>e[o]);return l.default=()=>e,r.d(n,l),n},r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4473,(()=>{var e={4473:0};r.O.j=o=>0===e[o];var o=(o,t)=>{var c,n,[l,i,s]=t,a=0;if(l.some(o=>0!==e[o])){for(c in i)r.o(i,c)&&(r.m[c]=i[c]);if(s)var u=s(r)}for(o&&o(t);a<l.length;a++)n=l[a],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(u)},t=globalThis.webpackChunkwebpackWcBlocksMainJsonp=globalThis.webpackChunkwebpackWcBlocksMainJsonp||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=r.O(void 0,[94],()=>r(7907));l=r.O(l),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["customer-account"]=l})();