https://squareup.com/shop/hardware/v2/_next/static/chunks/4935.c0a249ecd3a0f35a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4935],{68742:function(e,t,a){let o;function r(e){return new Proxy(e=>e,{apply:(e,t,a)=>Reflect.apply(null!=o?o:e,t,a)})(e)}function l(e,t){var a,o;return(null===(o=null===(a=null==e?void 0:e.tagName)||void 0===a?void 0:a.toLowerCase)||void 0===o?void 0:o.call(a))===r(t)}a.d(t,{g:function(){return r},i:function(){return l}})},54935:function(e,t,a){a.r(t),a.d(t,{market_file_upload:function(){return i}});var o=a(54982),r=a(68742);let l=(e,t=2)=>{if(!Number(e))return"0 bytes";let a=Math.floor(Math.log(e)/Math.log(1024));return`${Number.parseFloat((e/Math.pow(1024,a)).toFixed(t<0?0:t))} ${["bytes","kB","MB","GB","TB"][a]}`},i=class{constructor(e){(0,o.r)(this,e),this.marketFileUploadValueChange=(0,o.c)(this,"marketFileUploadValueChange",7),this.accept="",this.value=[],this.disabled=!1,this.invalid=!1,this.multiple=!1,this.compact=!1,this.fileSubtext=void 0,this.fileMetadata=void 0,this.deleteButtonAriaLabel="Delete",this.isDraggingOver=!1,this.files=void 0}watchValueHandler(e){Array.isArray(e)&&(this.files=this.multiple?[...e]:[e[0]])}watchDisabledHandler(){this.slottedCompactButtons.forEach(e=>e.disabled=this.disabled)}get hasSingleFileSelected(){return!this.multiple&&1===this.files.length}get slottedCompactButtons(){let e=new Set([(0,r.g)("market-button"),(0,r.g)("market-link")]);return[...this.el.querySelector('[slot="compact-action"]').children].filter(t=>e.has(t.tagName.toLowerCase()))}draggingOver(e){this.disabled||this.hasSingleFileSelected||(this.isDraggingOver=!0,e.preventDefault())}endDrag(e){e.preventDefault(),this.disabled||this.hasSingleFileSelected||(this.isDraggingOver=!1,"drop"===e.type&&e.dataTransfer&&this.addFiles(e.dataTransfer.files))}handleButtonClick(){this.fileInputElement.click()}handleDeleteKeydown(e,t){"Enter"!==e.key||this.disabled||this.removeFile(t)}removeFile(e){this.files.splice(e,1),this.files=[...this.files],this.emitFileChange()}labelContainerClassNames(){let e=[];return this.isDraggingOver&&e.push("is-dragging-over"),this.hasSingleFileSelected&&e.push("has-file-selected"),e}onInputChange(e){this.addFiles(e.target.files),this.fileInputElement.value=""}addFiles(e){e&&(this.multiple?this.files=[...e,...this.files]:this.files=[e[0]]),this.emitFileChange()}emitFileChange(){this.marketFileUploadValueChange.emit({value:this.files})}handleCompactSlotChange(){this.slottedCompactButtons.forEach(e=>{e.removeEventListener("click",this.handleButtonClick.bind(this)),this.disabled||e.addEventListener("click",this.handleButtonClick.bind(this)),e.disabled=this.disabled})}componentWillLoad(){this.value?this.files=[...this.value]:this.files=[]}componentDidLoad(){this.handleCompactSlotChange()}renderFilesAsMarketRows(){let e=(0,r.g)("market-row"),t=(0,r.g)("market-accessory"),a=(0,r.g)("market-icon");return this.files.map((r,i)=>{var s;let n;let c=null===(s=this.fileMetadata)||void 0===s?void 0:s.find(e=>e.filename===r.name),d=r.type.startsWith("image/")?"picture":"file",m="delete";switch(this.fileSubtext){case"size":n=l(r[this.fileSubtext]);break;case"type":n=r[this.fileSubtext]}switch(null==c?void 0:c.status){case"error":d="warning",m="clear",n=null==c?void 0:c.message;break;case"loading":d="loading",m="clear";break;case"success":d="success"}return d=(null==c?void 0:c.leadingIconName)||d,(0,o.h)(e,{disabled:this.disabled,interactive:!0,transient:!0,"data-index":i,"data-status":null==c?void 0:c.status},(0,o.h)("label",{slot:"label"},r.name),n&&(0,o.h)("p",{slot:"subtext"},n),(0,o.h)(t,{slot:"leading-accessory",size:"image"},(0,o.h)(a,{name:d,fidelity:24})),(0,o.h)(t,{slot:"trailing-accessory",size:"icon",tabindex:this.disabled?-1:0,role:"button","aria-label":this.deleteButtonAriaLabel,onKeyDown:e=>this.handleDeleteKeydown(e,i),onClick:()=>this.removeFile(i)},(0,o.h)(a,{name:m,fidelity:24})))})}render(){let e=(0,r.g)("market-list"),t=(0,r.g)("market-accessory"),a=(0,r.g)("market-icon"),l=(0,r.g)("market-field"),i=(0,r.g)("market-button"),s=this.renderFilesAsMarketRows(),n=this.multiple||0===s.length,c=this.multiple&&s.length>0;return(0,o.h)(o.H,{key:"6bccfddbeb779bb39e18ebd3785e3bcbd0d6c7a0",class:"market-file-upload",ondragenter:e=>this.draggingOver(e),ondragover:e=>this.draggingOver(e),ondragleave:e=>this.endDrag(e),ondrop:e=>this.endDrag(e)},(0,o.h)(l,{key:"70739cbd739e685fd10f99a88514b84eed633152",disabled:this.disabled,invalid:this.invalid},(0,o.h)("div",{key:"90311166caeaa9ec7b2db26e61bfcd88a16d88cf",class:`label-container ${this.labelContainerClassNames()}`},!n&&s[0],n&&(0,o.h)("label",{key:"dc70f7daa35ad8e0f0393f6614c837218619a01e"},(0,o.h)("slot",{key:"589a4d0becabb3d2c6ccef7b0a9d64874eaba636"},(0,o.h)(t,{key:"16f2e2bf902451109ae778f88806408258b75c3e",size:"image"},(0,o.h)(a,{key:"1a9283a8b60d016edef344cf6477a64367452c62",name:"file",fidelity:24})),(0,o.h)("span",{key:"7918077480823a7e50fa0d4c37c92a9995f567dc"},(0,o.h)("button",{key:"9993c12f5de0e6bec9fb905db52429a56e73a15c",onClick:()=>this.handleButtonClick()},"Choose a file")," or drag and drop it here")),(0,o.h)("slot",{key:"3d4c5a667655d10378db1fcd734a80b758b8038e",name:"compact-action",onSlotchange:()=>this.handleCompactSlotChange()},(0,o.h)(i,{key:"0671f95176c54825b0182b92085c2eb44c20af18",rank:"primary",disabled:this.disabled,onClick:()=>this.handleButtonClick()},"Upload file")),(0,o.h)("input",{key:"4b6440715a993efa1c87857fa2932baa13552f62",ref:e=>

1this.fileInputElement=e,onChange:e=>this.onInputChange(e),type:"file",name:"files[]",multiple:this.multiple,accept:this.accept,hidden:!0}))),(0,o.h)("slot",{key:"f037490eeabca8295e7aceeb27dc0970271bb30d",name:"bottom-accessory"},(0,o.h)("small",{key:"4c18db8e6daa1dddcfbe8b972941f68b4465e6f3",slot:"bottom-accessory"})),(0,o.h)("slot",{key:"1a5c77ecb645596258eb7f285fb1452d73e01655",name:"error"},(0,o.h)("small",{key:"3ca833aaaa5641c95ec2140c3cc7d6779b3a67ae",slot:"error"}))),c&&(0,o.h)(e,{key:"e1f2c72e81cce62cf73369135b4ab9d72479b270",interactive:!0,transient:!0},s))}get el(){return(0,o.g)(this)}static get watchers(){return{value:["watchValueHandler"],disabled:["watchDisabledHandler"]}}};i.style=':root{--animation-infinite-duration:1s;--animation-infinite-iteration-count:infinite;--animation-infinite-timing-function:linear}@keyframes market-popup{from{opacity:0%;transform:scale(0.9, 0.9)}to{opacity:100%;transform:scale(1, 1)}}@keyframes market-popdown{from{opacity:100%;transform:scale(1, 1)}to{opacity:0%;transform:scale(0.9, 0.9)}}@keyframes market-slideup{from{opacity:0%;transform:translateY(80vh)}to{opacity:100%;transform:translateY(0)}}@keyframes market-slidedown{from{opacity:100%;transform:translateY(0)}to{opacity:0%;transform:translateY(80vh)}}@keyframes market-slide-left-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes market-slide-left-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes market-fade-in{from{opacity:0%}to{opacity:100%}}@keyframes market-fade-out{from{opacity:100%}to{opacity:0%}}@keyframes market-file-upload-loading-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes market-activity-indicator-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes market-input-autofill-start{from{}to{}}@keyframes market-input-autofill-cancel{from{}to{}}@keyframes market-input-search-compact-enter{from{}to{}}@keyframes market-input-search-compact-exit{from{}to{}}: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}button,.market-button,::slotted(button),::slotted(.market-button),::slotted(.market-link){font-weight:var(--core-type-semibold-30-weight);font-size:var(--core-type-semibold-30-size);font-family:var(--core-type-semibold-30-font-family);line-height:var(--core-type-semibold-30-leading);letter-spacing:var(--core-type-semibold-30-tracking);text-transform:var(--core-type-semibold-30-case)}.label-container{border-width:var(--file-upload-border-width, 1px);border-style:var(--file-upload-normal-state-border-style, dashed);border-color:var(--file-upload-normal-state-border-color, var(--core-fill-30-color));border-radius:var(--file-upload-border-radius, 6px);transition:background-color border-color var(--core-animation-enter-transition-moderate-speed-duration)}.label-container>label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--file-upload-dropzone-vertical-padding, var(--core-metrics-spacing-400))\n      var(--file-upload-dropzone-horizontal-padding, var(--core-metrics-spacing-400));text-align:center;cursor:pointer}.label-container>label .market-icon{color:var(--file-upload-label-fill-color, var(--core-text-10-color))}.label-container>.market-row{margin:0}button,.market-button,::slotted(button),::slotted(.market-button),::slotted(.market-link){padding:0}slot:not([name="compact-action"]) button,slot:not([name="compact-action"]) .market-button,slot:not([name="compact-action"]) ::slotted(button),slot:not([name="compact-action"]) ::slotted(.market-button),slot:not([name="compact-action"]) ::slotted(.market-link){border:none;background-color:inherit;color:var(--file-upload-button-label-color, var(--button-normal-variant-tertiary-rank-normal-state-label-color));font-family:inherit;text-align:right;cursor:pointer}slot:not([name="compact-action"]) button,slot:not([name="compact-action"]) ::slotted(button){border-radius:1px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.has-file-selected{border-style:var(--file-upload-file-selected-state-border-style, solid) !important;border-color:var(--file-upload-file-selected-state-border-color, var(--core-fill-30-color))}@media (hover: hover){:host(:hover) .label-container{border-style:var(--file-upload-hover-state-border-style, dashed);border-color:var(--file-upload-hover-state-border-color, var(--core-emphasis-fill-color));background-color:var(--file-upload-hover-state-background-color, var(--core-emphasis-40-color))}}:host(:active) .label-container,:host(:active) .is-dragging-over{border-style:var(--file-upload-active-state-border-style, dashed);border-color:var(--file-upload-active-state-border-color, var(--core-emphasis-fill-color));background-color:var(--file-upload-active-state-background-color, var(--core-emphasis-30-color))}:host([disabled]) .label-container{border-style:var(--file-upload-disabled-state-border-style, dashed);border-color:var(--file-upload-disabled-state-border-color, var(--field-disabled-state-border-color));background-color:var(--file-upload-disabled-state-background-color, var(--field-disabled-state-background-color));color:var(--file-upload-disabled-state-label-color, var(--field-disabled-state-empty-phase-label-color))}:host([disabled]) button,:host([disabled]) ::slotted(button),:host([disabled]) ::slotted(.market-button),:host([disabled]) ::slotted(.market-icon),:host([disabled]) ::slotted(.market-link),:host([disabled]) label .market-icon,:host([disabled]) label ::slotted(.market-icon){opacity:30%}slot[name="compact-action"]{display:none}:host([compact]) slot[name="compact-action"]{display:block;width:100%}:host([compact]) slot:not([name="compact-action"]){display:none}:host([compact]) .label-container{border-style:unset;border-color:unset;background-color:unset}:host([compact]) .label-container>label{padding:0}:host([compact]) .market-button,:host([compact]) .market-link,:host([compact]) ::slotted(.market-button),:host([compact]) ::slotted(.market-link){width:100%}.market-list{margin-top:var(--file-upload-dropzone-vertical-margin, var(--core-metrics-spacing-100))}.market-accessory[slot="leading-accessory"]{border-radius:var(--file-upload-border-radius, 6px);background-color:var(--file-upload-leading-accessory-background-color, var(--core-fill-40-color))}.market-accessory[slot="trailing-accessory"]{cursor:pointer}.market-accessory[slot="trailing-accessory"] .market-icon{color:var(--file-upload-delete-fill-color, var(--core-fill-20-color))}[data-status]:not([data-status=""]) .market-accessory[slot="leading-accessory"]{background-color:unset}[data-status="error"] [slot="subtext"],[data-status="error"] .market-accessory[slot="leading-accessory"]{color:var(--file-upload-leading-accessory-error-color, var(--core-critical-fill-color))}:host([disabled]) [data-status="error"] [slot="subtext"]{opacity:30%}[data-status="success"] .market-accessory[slot="leading-accessory"]{color:var(--file-upload-leading-accessory-success-color, var(--core-success-fill-color))}[data-status="loading"] .market-accessory[slot="leading-accessory"]{animation:market-file-upload-loading-rotation\n    var(--animation-infinite-duration)\n    var(--animation-infinite-iteration-count)\n    var(--animation-infinite-timing-function)}:host([invalid]) .label-container{border-color:var(--field-normal-state-invalid-validity-border-color)}::slotted([slot="bottom-accessory"]){color:var(--core-text-20-color)}'}}]);