https://squareup.com/shop/hardware/v2/_next/static/chunks/3378.602b19321e4af60d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3378],{68742:function(t,a,o){let r;function s(t){return new Proxy(t=>t,{apply:(t,a,o)=>Reflect.apply(null!=r?r:t,a,o)})(t)}function i(t,a){var o,r;return(null===(r=null===(o=null==t?void 0:t.tagName)||void 0===o?void 0:o.toLowerCase)||void 0===r?void 0:r.call(o))===s(a)}o.d(a,{g:function(){return s},i:function(){return i}})},73378:function(t,a,o){o.r(a),o.d(a,{market_toast:function(){return i}});var r=o(54982),s=o(68742);let i=class{constructor(t){(0,r.r)(this,t),this.marketToastAutoDismissed=(0,r.c)(this,"marketToastAutoDismissed",7),this.marketToastManuallyDismissed=(0,r.c)(this,"marketToastManuallyDismissed",7),this.variant="info",this.persistent=!1,this.dismissButtonAriaLabel="Dismiss",this.progress=-1,this.durationTilAutoDismiss=5e3,this.showActionsNav=!1}startAutoDismissTimer(){return this.persistent||setTimeout(()=>{this.marketToastAutoDismissed.emit()},this.durationTilAutoDismiss),Promise.resolve()}handleManualDismiss(){this.marketToastManuallyDismissed.emit()}componentWillLoad(){this.checkIfActionsArePresent()}checkIfActionsArePresent(){let t=this.el.querySelector('[slot="action"]');this.showActionsNav=!!t}getVariantIcon(){switch(this.variant){case"success":return"success";case"info":return"info";case"warning":return"attention";case"insight":return"recommendation";default:return"warning"}}render(){let t=(0,s.g)("market-icon"),a=Math.min(this.progress,100),o={width:`${a}%`};return(0,r.h)(r.H,{key:"77f5dd0b12f619f7ea3455782c48993b64fe925b",class:"market-toast",role:"alert"},(0,r.h)("div",{key:"c549d75fdf3f279f479e491f9c70a2907853222a",class:"content"},(0,r.h)("span",{key:"da5032bb657a18c664f647076ddc255e3f975168",class:"icon-container"},(0,r.h)(t,{key:"1ce255d4d3a02e2c45a3270114bd38fab24b6a30",name:this.getVariantIcon()})),(0,r.h)("div",{key:"50d65fe47be18348df0c6f36f0e8d5906aac0770",class:"main"},(0,r.h)("section",{key:"d6dda0fdc486a37ad959fc73b033f94b0a08e633"},(0,r.h)("slot",{key:"c03db2a00d9c5f71b41ca2c39fd7eecf3d7ff99b"})),(0,r.h)("nav",{key:"5efc3c9bc57bc548616f0d8e1d04fe8306d1802b","aria-label":"toast-actions",class:this.showActionsNav?"":"hidden"},(0,r.h)("slot",{key:"9409e3719a29efac81b51b479d26033e896bf181",name:"action",onSlotchange:()=>this.checkIfActionsArePresent()}))),(0,r.h)("nav",{key:"dccc244fbd545d2ccd7dc4df3a0530d59f71d181","aria-label":"dismiss-container",class:"dismiss-container"},(0,r.h)("button",{key:"35af5b09098ec29b833f8c9bf92ebbb21757482e",type:"button","aria-label":this.dismissButtonAriaLabel,onClick:()=>this.handleManualDismiss()},(0,r.h)(t,{key:"30a0f42051b351813dbace683686dc9fbda82ae2",name:"close"})))),this.progress>=0&&(0,r.h)("progress-bar",{key:"a33bd0c8755be4a19538ca55ee473c4d32289edc",role:"progressbar","aria-valuenow":a,"aria-valuemin":"0","aria-valuemax":"100",style:o}))}get el(){return(0,r.g)(this)}};i.style=':host,::slotted(*),*{box-sizing:border-box}:host([disabled]){cursor:not-allowed !important;}:host([disabled]) *,:host([disabled]) ::slotted(*){cursor:not-allowed !important;pointer-events:none !important;}:host *{outline-color:var(--core-focus-ring-color)}:host(:focus-visible),::slotted(*:focus-visible){outline:var(--core-focus-ring-border-size) solid var(--core-focus-ring-color);outline-offset:var(--core-focus-ring-buffer-size)}::slotted(a),::slotted(button){border-radius:1px}:host{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;width:100%;max-width:var(--toast-maximum-width);border-radius:var(--toast-radius);box-shadow:var(--elevation-30-shadow);font-weight:var(--toast-text-weight);font-size:var(--toast-text-size);line-height:var(--toast-text-leading);letter-spacing:var(--toast-text-tracking);text-transform:var(--toast-text-case)}.icon-container,.dismiss-container{display:flex;flex-shrink:0;align-items:center}.dismiss-container button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;border:none;background-color:transparent;color:inherit;cursor:pointer;transition:opacity var(--core-animation-enter-transition-moderate-speed-duration);-webkit-appearance:none;-moz-appearance:none;appearance:none}.content{display:flex;align-items:flex-start;width:100%;padding:var(--toast-vertical-padding-size) var(--toast-horizontal-padding-size);-moz-column-gap:var(--toast-icon-spacing);column-gap:var(--toast-icon-spacing)}.main{display:flex;flex-grow:1;flex-wrap:wrap;row-gap:var(--toast-text-multiline-spacing);-moz-column-gap:var(--toast-content-spacing);column-gap:var(--toast-content-spacing)}section{flex-grow:1}nav{display:flex;flex-wrap:wrap;justify-content:flex-end}nav.hidden{display:none}::slotted(button),::slotted(a){margin:0;padding:0;border:none;background-color:transparent;color:inherit;font-weight:var(--toast-button-text-weight);font-size:var(--toast-button-text-size);font-family:inherit;line-height:var(--toast-button-text-leading);letter-spacing:var(--toast-button-text-tracking);text-decoration:underline;text-transform:var(--toast-button-text-case);cursor:pointer;transition:opacity var(--core-animation-enter-transition-moderate-speed-duration);text-underline-offset:2px;text-decoration-thickness:1px}::slotted(button:hover),::slotted(a:hover){opacity:var(--text-link-hover-state-opacity)}::slotted(button:active),::slotted(a:active){opacity:var(--text-link-pressed-state-opacity)}::slotted([slot="action"]){display:flex;justify-content:center;align-items:center}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--toast-button-spacing) * 2 + var(--toast-separator-width))}::slotted([slot="action"]:not(:last-child))::after{content:"";display:inline-block;width:var(--toast-separator-width);height:var(--toast-separator-height);margin-right:calc(-1 * var(--toast-button-spacing) - var(--toast-separator-width));margin-left:var(--toast-button-spacing);opacity:var(--toast-separator-opacity);pointer-events:none}progress-bar{height:var(--toast-progress-bar-height)}:host([variant="info"]){background-color:var(--toast-info-variant-background-color);color:var(--toast-info-variant-text-color)}

1:host([variant="info"]) .icon-container{color:var(--toast-info-variant-icon-color)}:host([variant="info"]) .dismiss-container{color:var(--toast-info-variant-dismiss-button-color)}:host([variant="info"]) progress-bar{background-color:var(--toast-info-variant-progress-bar-color)}:host([variant="info"]) ::slotted(a){color:var(--toast-info-variant-text-link-text-color)}:host([variant="info"]) ::slotted(button){color:var(--toast-info-variant-button-text-color)}:host([variant="info"]) ::slotted([slot="action"]:not(:last-child))::after{background-color:var(--toast-info-variant-separator-color)}:host([variant="success"]){background-color:var(--toast-success-variant-background-color);color:var(--toast-success-variant-text-color)}:host([variant="success"]) .icon-container{color:var(--toast-success-variant-icon-color)}:host([variant="success"]) .dismiss-container{color:var(--toast-success-variant-dismiss-button-color)}:host([variant="success"]) progress-bar{background-color:var(--toast-success-variant-progress-bar-color)}:host([variant="success"]) ::slotted(a){color:var(--toast-success-variant-text-link-text-color)}:host([variant="success"]) ::slotted(button){color:var(--toast-success-variant-button-text-color)}:host([variant="success"]) ::slotted([slot="action"]:not(:last-child))::after{background-color:var(--toast-success-variant-separator-color)}:host([variant="warning"]){background-color:var(--toast-warning-variant-background-color);color:var(--toast-warning-variant-text-color)}:host([variant="warning"]) .icon-container{color:var(--toast-warning-variant-icon-color)}:host([variant="warning"]) .dismiss-container{color:var(--toast-warning-variant-dismiss-button-color)}:host([variant="warning"]) progress-bar{background-color:var(--toast-warning-variant-progress-bar-color)}:host([variant="warning"]) ::slotted(a){color:var(--toast-warning-variant-text-link-text-color)}:host([variant="warning"]) ::slotted(button){color:var(--toast-warning-variant-button-text-color)}:host([variant="warning"]) ::slotted([slot="action"]:not(:last-child))::after{background-color:var(--toast-warning-variant-separator-color)}:host([variant="critical"]){background-color:var(--toast-critical-variant-background-color);color:var(--toast-critical-variant-text-color)}:host([variant="critical"]) .icon-container{color:var(--toast-critical-variant-icon-color)}:host([variant="critical"]) .dismiss-container{color:var(--toast-critical-variant-dismiss-button-color)}:host([variant="critical"]) progress-bar{background-color:var(--toast-critical-variant-progress-bar-color)}:host([variant="critical"]) ::slotted(a){color:var(--toast-critical-variant-text-link-text-color)}:host([variant="critical"]) ::slotted(button){color:var(--toast-critical-variant-button-text-color)}:host([variant="critical"]) ::slotted([slot="action"]:not(:last-child))::after{background-color:var(--toast-critical-variant-separator-color)}:host([variant="insight"]){background-color:var(--toast-insight-variant-background-color);color:var(--toast-insight-variant-text-color)}:host([variant="insight"]) .icon-container{color:var(--toast-insight-variant-icon-color)}:host([variant="insight"]) .dismiss-container{color:var(--toast-insight-variant-dismiss-button-color)}:host([variant="insight"]) progress-bar{background-color:var(--toast-insight-variant-progress-bar-color)}:host([variant="insight"]) ::slotted(a){color:var(--toast-insight-variant-text-link-text-color)}:host([variant="insight"]) ::slotted(button){color:var(--toast-insight-variant-button-text-color)}:host([variant="insight"]) ::slotted([slot="action"]:not(:last-child))::after{background-color:var(--toast-insight-variant-separator-color)}:host-context([data-market-theme="monochrome"]) ::slotted(button:focus-visible),:host-context([data-market-theme="monochrome"]) ::slotted(a:focus-visible),:host-context([data-market-theme="monochrome"]) .dismiss-container *:focus-visible{outline-color:currentcolor}'}}]);