npm - @ebay/ui-core-react - Versions diffs - 9.4.0 → 9.5.0 - Mend

@ebay/ui-core-react 9.4.0 → 9.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1286) hide show

package/ebay-tourtip/README.md CHANGED Viewed

@@ -1,78 +1,5 @@
 # EbayTourtip
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-tourtip--default-tourtip)
-## Import JS
-```jsx harmony
-import { EbayTourtip, EbayTourtipHost, EbayTourtipContent, EbayTourtipHeading } from "@ebay/ui-core-react/ebay-tourtip";
-```
-## Import following styles from SKIN
-```jsx harmony
-import "@ebay/skin/tourtip";
-```
-### or if using SCSS/CSS
-```jsx harmony
-import "@ebay/skin/tourtip.css";
-```
-## Usage
-```
-yarn add @ebay/ui-core-react
-```
-```jsx harmony
-<EbayTourtip a11yCloseText="close" pointer="bottom">
-    <EbayTourtipHost>
-        <EbayButton>Info</EbayButton>
-    </EbayTourtipHost>
-    <EbayTourtipHeading type="tourtip">Title</EbayTourtipHeading>
-    <EbayTourtipContent>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
-    </EbayTourtipContent>
-    <EbayTourtipFooter index="1 / 3">
-        <button className="fake-link">Back</button>
-        <button className="btn btn--primary">Next</button>
-    </EbayTourtipFooter>
-</EbayTourtip>
-```
-## EbayTourtip Attributes
-| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
-| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `pointer`         | String   | No       | No       | options are `top-left`, `top`, `top-right`, `right`, `right-bottom`, `right-top`, `bottom-left`, `bottom-right`, `bottom`, `left`, `left-bottom`, `left-top` |
-| `overlayStyle`    | Object   | No       | No       | Style object to customize default values for the overlay. It can be used all CSS properties like `top`, `left`, `bottom`, `right`.                           |
-| `initialExpanded` | Boolean  | No       | No       | Open the tooltip on the initial render, needs to be true for the case of Tourtips                                                                            |
-| `a11yCloseText`   | String   | No       | Yes      | A11y text for close button and mask.                                                                                                                         |
-| `aria-label`      | String   | No       | Yes      | A descriptive label of what the tourtip button represents (e.g. "Important information")                                                                     |
-| `onExpand`        | Function | No       | No       | overlay has been expanded                                                                                                                                    |
-| `onCollapse`      | Function | No       | No       | overlay has been collapsed                                                                                                                                   |
-## Child components
-| Name                 | Required | Description                                      |
-| -------------------- | -------- | ------------------------------------------------ |
-| `EbayTourtipHost`    | Yes      | The custom host-button (trigger) for the tourtip |
-| `EbayTourtipHeading` | No       | The heading to be displayed in the tourtip       |
-| `EbayTourtipFooter`  | Yes      | The footer to be displayed in the tourtip        |
-| `EbayTourtipContent` | Yes      | The content to be displayed in the tourtip       |
-## EbayTourtipHost Attributes
-| Name         | Type   | Stateful | Required | Description                                                                                                                                      |
-| ------------ | ------ | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `aria-label` | String | No       | Yes      | A descriptive label of what the tourtip button represents (e.g. "Important information"). Will overwrite `ariaLabel` prop from the `EbayTourtip` |
-## EbayTourtipFooter Attributes
-| Name    | Type   | Stateful | Required | Description                                                                                         |
-| ------- | ------ | -------- | -------- | --------------------------------------------------------------------------------------------------- |
-| `index` | String | No       | No       | defines the text to be displayed as index of the Tourtip if any. e.g `1 - 3` meaning Tourtip 1 of 3 |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-tourtip--docs)

package/ebay-tourtip/ebay-tourtip.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { CSSProperties, FC } from "react";
 import { TooltipProps, PointerDirection } from "../common/tooltip-utils";
 export type TourtipProps = Omit<TooltipProps, "ref"> & {
     a11yCloseText: string;
+    open?: boolean;
     pointer?: PointerDirection;
     onExpand?: () => void;
     onCollapse?: () => void;

package/ebay-tourtip/ebay-tourtip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ebay-tourtip.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAGnB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,~~CAgEjC~~,CAAC;AACF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"ebay-tourtip.d.ts","sourceRoot":"","sources":["../../src/ebay-tourtip/ebay-tourtip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIH,YAAY,EACZ,gBAAgB,EAGnB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAuEjC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/ebay-tourtip/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-~~C4EgNkz1~~.js"),e=require("react"),s=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-~~V_RbL4vM~~.js"),B=require("classnames"),L=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-~~I30uh1Ov~~.js");const h=()=>null,m=()=>null,g=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),C=t=>{var{as:r,children:a,className:i}=t,o=u.__rest(t,["as","children","className"]);const l=r\|\|"h2";return e.createElement(l,Object.assign({},o,{className:B("tourtip__heading",i)}),a)},M=t=>{var{a11yCloseText:r,"aria-label":a,className:i,children:o,onCollapse:l,onExpand:w,overlayStyle:_,pointer:y,offset:v,noFlip:S,noShift:q,notInline:O}=t,R=u.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","pointer","offset","noFlip","noShift","notInline"]);const p=e.useRef(null),{isExpanded:c,collapseTooltip:j}=n.useTooltip({onExpand:w,onCollapse:l,initialExpanded:!0,hostRef:p}),{overlayStyles:x,arrowStyles:F,refs:d}=L.useFloatingTooltip({open:c,hostRef:p,options:{pointer:y,offset:v,noFlip:S,noShift:q,notInline:O}}),H=e.useRef(null),f=s.findComponent(o,h);if(!f)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const b=f.props,{children:N}=b,P=u.__rest(b,["children"]),T=s.findComponent(o,m);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const I=s.findComponent(o,C),E=s.findComponent(o,g);return e.createElement(n.Tooltip,Object.assign({},R,{className:i,type:"tourtip",isExpanded:c,ref:H}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:p,"aria-label":a,"aria-expanded":c})),e.createElement(n.TooltipContent,Object.assign({},P,{a11yCloseText:r,onClose:j,pointer:y,showCloseButton:!0,style:Object.assign(Object.assign({},x),_),type:"tourtip",overlayRef:d.setOverlay,arrowRef:d.arrow,arrowStyle:F}),I,N,E&&e.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=M;exports.EbayTourtipContent=h;exports.EbayTourtipFooter=g;exports.EbayTourtipHeading=C;exports.EbayTourtipHost=m;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),a=require("../utils-C9NL3q0j.js"),n=require("../use-tooltip-B0APb1jZ.js"),L=require("classnames"),M=require("../floating-ui-Co2mY5Do.js");require("../array.polyfill.flat-5BAolFdk.js");require("../icon-M7M42naA.js");const h=()=>null,m=()=>null,g=({index:t,children:r})=>e.createElement(e.Fragment,null,t!==void 0&&e.createElement("span",{className:"tourtip__index"},t),r),C=t=>{var{as:r,children:s,className:i}=t,o=u.__rest(t,["as","children","className"]);const l=r\|\|"h2";return e.createElement(l,Object.assign({},o,{className:L("tourtip__heading",i)}),s)},U=t=>{var{a11yCloseText:r,"aria-label":s,className:i,children:o,onCollapse:l,onExpand:w,overlayStyle:_,open:v,pointer:d,offset:S,noFlip:q,noShift:x,notInline:O}=t,R=u.__rest(t,["a11yCloseText","aria-label","className","children","onCollapse","onExpand","overlayStyle","open","pointer","offset","noFlip","noShift","notInline"]);const p=e.useRef(null),{isExpanded:c,collapseTooltip:j}=n.useTooltip({onExpand:w,onCollapse:l,initialExpanded:!0,expanded:v,hostRef:p}),{overlayStyles:F,arrowStyles:H,refs:y}=M.useFloatingTooltip({open:c,hostRef:p,options:{pointer:d,offset:S,noFlip:q,noShift:x,notInline:O}}),N=e.useRef(null),f=a.findComponent(o,h);if(!f)throw new Error("EbayTourtip: Please use a EbayTourtipContent that defines the content of the tourtip");const b=f.props,{children:P}=b,I=u.__rest(b,["children"]),T=a.findComponent(o,m);if(!T)throw new Error("EbayTourtip: Please use a EbayTourtipHost that defines the host of the tourtip");const B=a.findComponent(o,C),E=a.findComponent(o,g);return e.createElement(n.Tooltip,Object.assign({},R,{className:i,type:"tourtip",isExpanded:c,ref:N}),e.createElement(n.TooltipHost,Object.assign({},T.props,{forwardedRef:p,"aria-label":s,"aria-expanded":c})),e.createElement(n.TooltipContent,Object.assign({},I,{a11yCloseText:r,onClose:j,pointer:d,showCloseButton:!0,style:Object.assign(Object.assign({},F),_),type:"tourtip",overlayRef:y.setOverlay,arrowRef:y.arrow,arrowStyle:H}),B,P,E&&e.createElement(n.TooltipFooter,{type:"tourtip"},E)))};exports.Tooltip=n.Tooltip;exports.EbayTourtip=U;exports.EbayTourtipContent=h;exports.EbayTourtipFooter=g;exports.EbayTourtipHeading=C;exports.EbayTourtipHost=m;

package/ebay-tri-state-checkbox/Readme.md CHANGED Viewed

@@ -1,54 +1,5 @@
 # EbayTriStateCheckbox
-## Demo
+## Documentation
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-tri-state-checkbox--default)
-## Usage
-```
-yarn add @ebay/ui-core-react
-```
-### Import JS
-```jsx harmony
-import {
-    EbayTriStateCheckbox,
-    type TriStateCheckboxChangeHandler,
-    type TriStateCheckboxFocusHandler,
-    type TriStateCheckboxKeyDownHandler
-} from '@ebay/ui-core-react/ebay-tri-state-checkbox'
-```
-## Import following styles from Skin
-```jsx harmony
-import "@ebay/skin/checkbox";
-```
-## ...or using SCSS/CSS
-```jsx harmony
-import "@ebay/skin/checkbox.css";
-```
-```jsx
-import { EbayLabel } from '@ebay/ui-core-react/ebay-field';
-<EbayTriStateCheckbox id="checkbox-1" size="large">
-```
-## Attributes
-| Name        | Type          | Stateful | Description                                                                                                                                                                        | Data                                                                |
-| ----------- | ------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- | --- |
-| `size`      | String        | No       | Either `large` or `regular` (default). Sets the checkbox icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon) |
-| `disabled`  | Boolean       | No       |                                                                                                                                                                                    |
-| `checked`   | CheckboxState | No       | indicates the checked value of the input element, which can be either "true", "false" or "mixed"                                                                                   |                                                                     |
-| `onChange`  | Function      | -        | Callback fired on change                                                                                                                                                           | `(event: ChangeEvent, { value: string, checked: CheckboxState })`   |     |
-| `onFocus`   | Function      | -        | Callback fired when button is focused                                                                                                                                              | `(event: FocusEvent, { value: string, checked: CheckboxState })`    |     |
-| `onKeyDown` | Function      | -        | Callback fired when key is pressed                                                                                                                                                 | `(event: KeyboardEvent, { value: string, checked: CheckboxState })` |     |
-It supports all the events supported by an input element (e.g. `onClick`)
-Note: For this component, `className`/`style` are applied to the root tag, while all other HTML attributes are applied to the `input` tag.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-tri-state-checkbox--docs)

package/ebay-tri-state-checkbox/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-~~C06lbYBj~~.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tri-state-checkbox-Djp8KVph.js");exports.EbayTriStateCheckbox=e.EbayTriStateCheckbox;

package/ebay-video/README.md CHANGED Viewed

@@ -1,62 +1,5 @@
 # EbayVideo
-Video player. Supports either MPD or M3U8 playlist formats.
-Natively uses `shaka` player under the hood. For resizing, `ebay-video` supports fixed width or variable width. If no width is provided the video tag will resize based on the container size.
+## Documentation
-## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/media-ebay-video--default)
-## Usage
-```bash
-yarn add @ebay/ui-core-react shaka-player
-```
-```jsx
-import { EbayVideo } from '@ebay/ui-core-react/ebay-video'
-import '@ebay/skin/video'
-import 'shaka-player/dist/controls.css'
-<EbayVideo
-    width="600"
-    height="400"
-    onLoadError(err => {
-        console.log("handle error", err);
-    })>
-        <EbayVideoSource src="https://ir.ebaystatic.com/cr/v/c1/ebayui/video/v1/playlist.mpd" />
-</EbayVideo>
-```
-## EbayVideo Props
-| Name         | Type    | Required | Description                                                                                                         |
-| ------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------------------- |
-| width        | Number  | No       |                                                                                                                     |
-| height       | Number  | No       |                                                                                                                     |
-| thumbnail    | String  | No       | URL path for the video thumbnail                                                                                    |
-| action       | String  | No       | `play` or `pause`: will programatically perform the given action                                                    |
-| volume       | Number  | No       | sets sound volume                                                                                                   |
-| volumeSlider | Boolean | No       | keep or remove volume slider, default is `false`                                                                    |
-| muted        | Boolean | No       | mute or unmute video, default is `false`                                                                            |
-| playView     | String  | No       | `inline` or `fullscreen`. When player starts to play, will either play `inline` (default) or switch to `fullscreen` |
-| a11yLoadText | String  | Yes      | a11y text for the loading spinner                                                                                   |
-| a11yPlayText | String  | Yes      | a11y text for the play button                                                                                       |
-| errorText    | String  | Yes      | content for error when an either the library or video cannot load                                                   |
-| reportText   | String  | Yes      | text for report button                                                                                              |
-## Callbacks
-| Name           | Required | Description                                                      | Arguments                                   |
-| -------------- | -------- | ---------------------------------------------------------------- | ------------------------------------------- |
-| onLoadError    | No       | triggered when there is a load error with video player or source | (Event)                                     |
-| onPlay         | No       | triggered when playback starts                                   | (Event, { player })                         |
-| onVolumeChange | No       | triggered when volume is changed                                 | (Event, { volume: number, muted: boolean }) |
-| onReport       | No       | triggered when report button is clicked                          |                                             |
-## EbayVideoSource Props
-| Name | Type   | Required | Description                    |
-| ---- | ------ | -------- | ------------------------------ |
-| src  | String | Yes      | video/playlist URL             |
-| type | String | No       | playlist type, `hls` or `dash` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/media-ebay-video--docs)

package/ebay-video/const.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 export declare const ERROR_ANOTHER_LOAD = 7000;
 export declare const ERROR_NO_PLAYER = 11;
-export declare const defaultVideoConfig: {
-    addSeekBar: boolean;
-    controlPanelElements: string[];
-};
+export declare const DEFAULT_SPINNER_TIMEOUT = 2000;
 //# sourceMappingURL=const.d.ts.map

package/ebay-video/const.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-video/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,~~kBAAkB;;;CAa9B~~,CAAC"}
1	+ {"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/ebay-video/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,OAAO,CAAC"}

package/ebay-video/controls/captions-control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const CaptionsControl: FC;
+//# sourceMappingURL=captions-control.d.ts.map

package/ebay-video/controls/captions-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"captions-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/captions-control.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA2B,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,eAAe,EAAE,EAmB7B,CAAC"}

package/ebay-video/controls/current-time-control.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type CurrentTimeControlProps = {
+    a11ySkipToLiveText?: string;
+};
+export declare const CurrentTimeControl: FC<CurrentTimeControlProps>;
+export {};
+//# sourceMappingURL=current-time-control.d.ts.map

package/ebay-video/controls/current-time-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"current-time-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/current-time-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,KAAK,uBAAuB,GAAG;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoD1D,CAAC"}

package/ebay-video/controls/fullscreen-button-control.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type FullscreenButtonControlProps = {
+    a11yFullscreenText?: string;
+    a11yExitFullscreenText?: string;
+};
+export declare const FullscreenButtonControl: FC<FullscreenButtonControlProps>;
+export {};
+//# sourceMappingURL=fullscreen-button-control.d.ts.map

package/ebay-video/controls/fullscreen-button-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"fullscreen-button-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/fullscreen-button-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,4BAA4B,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAyCpE,CAAC"}

package/ebay-video/controls/mute-button-control.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type MuteButtonControlProps = {
+    a11yMuteText?: string;
+    a11yUnmuteText?: string;
+};
+export declare const MuteButtonControl: FC<MuteButtonControlProps>;
+export {};
+//# sourceMappingURL=mute-button-control.d.ts.map

package/ebay-video/controls/mute-button-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"mute-button-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/mute-button-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,KAAK,sBAAsB,GAAG;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoCxD,CAAC"}

package/ebay-video/controls/remaining-time-control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const RemainingTimeControl: FC;
+//# sourceMappingURL=remaining-time-control.d.ts.map

package/ebay-video/controls/remaining-time-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"remaining-time-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/remaining-time-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,eAAO,MAAM,oBAAoB,EAAE,EA4BlC,CAAC"}

package/ebay-video/controls/report-button-control.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { FC, MouseEvent } from "react";
+type ReportButtonControlProps = {
+    reportText?: string;
+    a11yReportText?: string;
+    onReport?: (event?: MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const ReportButtonControl: FC<ReportButtonControlProps>;
+export {};
+//# sourceMappingURL=report-button-control.d.ts.map

package/ebay-video/controls/report-button-control.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"report-button-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/report-button-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAqB5D,CAAC"}

package/ebay-video/controls/time-utils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function buildTimeString(displayTime: number, showHour: boolean): string;
2	+ //# sourceMappingURL=time-utils.d.ts.map

package/ebay-video/controls/time-utils.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"time-utils.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/time-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAe9E"}

package/ebay-video/controls/total-time-control.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type TotalTimeControlProps = {
+    a11ySkipToLiveText?: string;
+};
+export declare const TotalTimeControl: FC<TotalTimeControlProps>;
+export {};
+//# sourceMappingURL=total-time-control.d.ts.map

package/ebay-video/controls/total-time-control.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"total-time-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/total-time-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,KAAK,qBAAqB,GAAG;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8BtD,CAAC"}

package/ebay-video/controls/use-shaka-control.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+type UseShakaControlOptions = {
+    onInit?: (data: {
+        muted?: boolean;
+        volume?: number;
+        isFullScreenEnabled?: boolean;
+        isFullScreenSupported?: boolean;
+    }) => void;
+    onVolumeChange?: (data: {
+        muted: boolean;
+        volume: number;
+    }) => void;
+    onTimeAndSeekRangeUpdated?: (data: {
+        displayTime: number;
+        seekRange: {
+            start: number;
+            end: number;
+        };
+        isLive: boolean;
+        isSeeking: boolean;
+    }) => void;
+    onTracksChanged?: (data: {
+        isLive: boolean;
+    }) => void;
+    onFullscreenChange?: (data: {
+        isFullScreenEnabled: boolean;
+    }) => void;
+    onLoadedMetadata?: (data: {
+        isFullScreenSupported: boolean;
+    }) => void;
+    onLoadedData?: (data: {
+        isFullScreenSupported: boolean;
+    }) => void;
+};
+type UseShakaControlReturn = {
+    container: HTMLElement | null;
+    videoRef: React.RefObject<HTMLVideoElement | null>;
+    controlsRef: React.RefObject<Record<string, unknown> | null>;
+    playerRef: React.RefObject<Record<string, unknown> | null>;
+};
+export declare const useShakaControl: (elementName: string, options?: UseShakaControlOptions) => UseShakaControlReturn;
+export {};
+//# sourceMappingURL=use-shaka-control.d.ts.map

package/ebay-video/controls/use-shaka-control.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-shaka-control.d.ts","sourceRoot":"","sources":["../../../src/ebay-video/controls/use-shaka-control.ts"],"names":[],"mappings":"AAMA,KAAK,sBAAsB,GAAG;IAC1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACZ,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACnC,KAAK,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,yBAAyB,CAAC,EAAE,CAAC,IAAI,EAAE;QAC/B,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC;KACtB,KAAK,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,mBAAmB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,qBAAqB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,qBAAqB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM,EAAE,UAAS,sBAA2B,KAAG,qBAkI3F,CAAC"}

package/ebay-video/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../tslib.es6-C4EgNkz1.js"),r=require("react"),T=require("classnames"),l=require("shaka-player/dist/shaka-player.ui"),ne=require("../utils-C9NL3q0j.js"),re=require("../progress-spinner-DTmNtD59.js"),se=require("react-dom/client"),ae=require("../icons/ebay-icon-flag-24/index.js"),oe=require("../icons/ebay-icon-play-filled-64-colored/index.js"),ie=require("../icons/ebay-icon-attention-64/index.js"),M=e=>{var t=F.__rest(e,[]);return r.createElement("source",Object.assign({},t))},le=7e3,ce=11,q={addSeekBar:!0,controlPanelElements:["play_pause","current_time","spacer","total_time","mute","report","captions","fullscreen"]},ue=({callback:e,children:t})=>r.createElement("button",{className:"video-player__report-button",ref:e},r.createElement(ae.EbayIconFlag24,null),t);function k(e,t){const s=Math.floor(e/3600),c=Math.floor(e/60%60);let i=Math.floor(e%60);i<10&&(i="0"+i);let a=c+":"+i;return t&&(c<10&&(a="0"+a),a=s+":"+a),a}function de(e=()=>{}){const t=class extends l.ui.Element{constructor(s,c,i){super(s,c);const a=document.createElement("div"),m=()=>{const g=a.firstChild;s.appendChild(g),a.remove(),this.eventManager.listen(g,"click",e)};se.createRoot(a).render(r.createElement(ue,{callback:m},i))}};return t.Factory=class{constructor(s){this.reportText=s}create(s,c){return new t(s,c,this.reportText)}},{Report:t}}const R=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.setValue_("0:00"),this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.currentTime_,"click",()=>{this.player.isLive()&&(this.video.currentTime=this.player.seekRange().end)}),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.controls.isSeeking();let t=this.controls.getDisplayTime();const s=this.player.seekRange(),c=s.end-s.start;if(!isFinite(c))this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE));else if(this.player.isLive()){const i=Math.floor(s.end-t);t=Math.max(0,i);const a=c>=3600;t>=1\|\|e?this.setValue_("- "+k(t,a)):this.setValue_(this.localization.resolve(l.ui.Locales.Ids.LIVE))}else{const i=c>=3600,a=Math.max(0,t-s.start),m=k(a,i);this.setValue_(m)}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};R.Factory=class{create(e,t){return new R(e,t)}};const C=class extends l.ui.Element{constructor(e,t){super(e,t),this.currentTime_=document.createElement("button"),this.currentTime_.classList.add("shaka-current-time"),this.currentTime_.disabled=!0,this.parent.appendChild(this.currentTime_),this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{this.updateTime_()}),this.eventManager.listen(this.player,"trackschanged",()=>{this.onTracksChanged_()})}setValue_(e){e!=this.currentTime_.textContent&&(this.currentTime_.textContent=e)}updateTime_(){const e=this.player.seekRange(),t=e.end-e.start;if(isFinite(t)&&t){const s=t>=3600;this.setValue_(k(t,s))}}onTracksChanged_(){if(this.player.isLive()){const e=l.ui.Locales.Ids.SKIP_TO_LIVE;this.currentTime_.ariaLabel=this.localization.resolve(e)}}};C.Factory=class{create(e,t){return new C(e,t)}};const he=e=>{var{width:t,height:s,thumbnail:c,action:i,muted:a,playView:m="inline",a11yLoadText:g,a11yPlayText:N,reportText:S,volumeSlider:B,volume:A=1,hideReportButton:z,errorText:j,onVolumeChange:H=()=>{},onLoadError:$=()=>{},onPlay:D=()=>{},onReport:K=()=>{},children:W}=e,Y=F.__rest(e,["width","height","thumbnail","action","muted","playView","a11yLoadText","a11yPlayText","reportText","volumeSlider","volume","hideReportButton","errorText","onVolumeChange","onLoadError","onPlay","onReport","children"]);const[L,v]=r.useState(),[P,G]=r.useState(),[x,J]=r.useState(),[E,V]=r.useState(),p=r.useRef(null),d=r.useRef(null),h=r.useRef(null),f=r.useRef(null),_=ne.filterByType(W,M).map(({props:n})=>n),w=n=>{v(!0),V(!0),$(n)},b=(n=0)=>{var o;!_.length\|\|!h.current\|\|(v(!1),h.current.load((o=_[n])===null\|\|o===void 0?void 0:o.src).then(()=>{V(!1)}).catch(u=>{switch(console.error(u),u.code){case le:return;case ce:setTimeout(()=>b(n),0);break;default:{const y=_.length>n+1&&n+1;y?setTimeout(()=>b(y),0):w(u)}}}).finally(()=>{v(!0)}))};l.ui.Controls.registerElement("current_time",new R.Factory),l.ui.Controls.registerElement("total_time",new C.Factory),r.useEffect(()=>{const n=d.current,o=p.current;if(!(!n\|\|!o)&&(n.volume=A,l.polyfill.installAll(),h.current=new l.Player(n),!!h.current)){if(h.current.addEventListener("error",()=>w(new Error("Shake-Player error"))),h.current.addEventListener("buffering",u=>{G(u.buffering)}),f.current=new l.ui.Overlay(h.current,o,n,S),f.current.configure({controlPanelElements:[],addSeekBar:!1}),!z){const{Report:u}=de(K);l.ui.Controls.registerElement("report",new u.Factory(S))}b(),pe(o)}},[]),r.useEffect(()=>{switch(i){case"play":d.current.play();break;case"pause":d.current.pause();break}},[i]);const Q=()=>{if(!f.current)return;const n=B?{controlPanelElements:me(q.controlPanelElements)}:{};f.current.configure(Object.assign(Object.assign({},q),n)),d.current.controls=!1,setTimeout(()=>ee(),10)},U=n=>{n.stopPropagation(),Q(),m==="fullscreen"&&d.current.requestFullscreen(),J(!0),D(n,{player:h.current})},X=()=>{d.current.play()},Z=n=>{const o=n.currentTarget;H(n,{volume:Math.round((o.volume+Number.EPSILON)*100)/100,muted:o.muted})},ee=()=>{if(p.current){const n=p.current.querySelector(".shaka-controls-button-panel"),o=n.querySelector(".shaka-spacer"),u=p.current.querySelector(".shaka-range-container");if(n&&o){const y=n.getBoundingClientRect(),O=o.getBoundingClientRect();u.style.marginRight=`${y.right-O.right}px`,u.style.marginLeft=`${O.left-y.left}px`}}},te=()=>{d.current.controls=!1},I={width:t?`${t}px`:void 0,height:s?`${s}px`:void 0};return r.createElement("div",{style:I,className:T("video-player",{"video-player--poster":!x})},!x&&L&&!E&&!P&&r.createElement("div",{className:"shaka-play-button-container"},r.createElement("button",{onClick:X,className:"shaka-play-button",style:{opacity:1,zIndex:999},"aria-label":N},r.createElement(oe.EbayIconPlayFilled64Colored,null))),r.createElement("div",{className:"video-player__container",ref:p},r.createElement("video",Object.assign({ref:d,style:I,poster:c,playsInline:!0,muted:a\|\|!1,onPlaying:U,onPause:te,onVolumeChange:Z},Y),_.map((n,o)=>r.createElement("source",Object.assign({key:o},n))))),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":!E})},r.createElement(ie.EbayIconAttention64,null),r.createElement("div",{className:"video-player__overlay-text"},j)),r.createElement("div",{className:T("video-player__overlay",{"video-player__overlay--hidden":L&&(E\|\|!P)})},r.createElement(re.EbayProgressSpinner,{size:"large","aria-label":g})))};function me(e){const t=e.length-2>0?e.length-2:e.length,s=[...e];return s.splice(t,0,"volume"),s}function pe(e){const t=e.querySelectorAll(".shaka-spinner")[0];t&&t.setAttribute("hidden","")}exports.EbayVideo=he;exports.EbayVideoSource=M;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),T=require("react-dom"),G=require("classnames"),P=require("shaka-player/dist/shaka-player.ui"),fe=require("../utils-C9NL3q0j.js"),he=require("../icons/ebay-icon-audio-off-16/index.js"),pe=require("../icons/ebay-icon-audio-high-16/index.js"),ye=require("../icons/ebay-icon-expand-16/index.js"),ve=require("../icons/ebay-icon-contract-16/index.js"),ge=require("../icons/ebay-icon-flag-16/index.js"),Ee=require("../icons/ebay-icon-play-filled-64-colored/index.js"),Se=require("../icons/ebay-icon-attention-64/index.js"),J=a=>{var i=V.__rest(a,[]);return e.createElement("source",Object.assign({},i))},be=7e3,Te=11,ke=2e3,L=(a,i={})=>{const{onInit:l,onVolumeChange:s,onTimeAndSeekRangeUpdated:c,onTracksChanged:r,onFullscreenChange:d,onLoadedMetadata:o,onLoadedData:f}=i,[n,m]=e.useState(null),R=e.useRef(null),x=e.useRef(null),E=e.useRef(null),h=e.useRef(!0);return e.useLayoutEffect(()=>{h.current=!0;class v extends P.ui.Element{constructor(F,A){if(super(F,A),!h.current)return;if(T.flushSync(()=>{m(F)}),R.current=this.video,x.current=this.controls,E.current=this.player,l){const S={};s&&(S.muted=this.video.muted,S.volume=this.video.volume),(d\|\|o\|\|f)&&(S.isFullScreenEnabled=this.controls.isFullScreenEnabled(),S.isFullScreenSupported=this.controls.isFullScreenSupported()),l(S)}s&&this.eventManager.listen(this.video,"volumechange",()=>{h.current&&s({muted:this.video.muted,volume:this.video.volume})}),c&&this.eventManager.listen(this.controls,"timeandseekrangeupdated",()=>{h.current&&c({displayTime:this.controls.getDisplayTime(),seekRange:this.player.seekRange(),isLive:this.player.isLive(),isSeeking:this.controls.isSeeking()})}),r&&this.eventManager.listen(this.player,"trackschanged",()=>{h.current&&r({isLive:this.player.isLive()})}),d&&this.eventManager.listen(document,"fullscreenchange",()=>{h.current&&d({isFullScreenEnabled:this.controls.isFullScreenEnabled()})});const I=this.controls.getLocalVideo();o&&this.eventManager.listen(I,"loadedmetadata",()=>{h.current&&o({isFullScreenSupported:this.controls.isFullScreenSupported()})}),f&&this.eventManager.listen(I,"loadeddata",()=>{h.current&&f({isFullScreenSupported:this.controls.isFullScreenSupported()})})}}return P.ui.Controls.registerElement(a,{create:(_,F)=>new v(_,F)}),()=>{h.current=!1}},[]),{container:n,videoRef:R,controlsRef:x,playerRef:E}},Ce=({a11yMuteText:a,a11yUnmuteText:i})=>{const[l,s]=e.useState(!1),[c,r]=e.useState(1),{container:d,videoRef:o}=L("mute_popover",{onInit:({muted:n,volume:m})=>{n!==void 0&&s(n),m!==void 0&&r(m)},onVolumeChange:({muted:n,volume:m})=>{s(n),r(m)}});if(!d)return null;const f=()=>{o.current&&(!o.current.muted&&o.current.volume===0?o.current.volume=1:o.current.muted=!o.current.muted)};return T.createPortal(e.createElement("button",{className:"shaka-mute-button shaka-tooltip",onClick:f},l\|\|c===0?e.createElement(he.EbayIconAudioOff16,{a11yText:i\|\|"Unmute"}):e.createElement(pe.EbayIconAudioHigh16,{a11yText:a\|\|"Mute"})),d)},Pe=({a11yFullscreenText:a,a11yExitFullscreenText:i})=>{const[l,s]=e.useState(!1),[c,r]=e.useState(!0),{container:d,controlsRef:o}=L("fullscreen_button",{onInit:({isFullScreenEnabled:n,isFullScreenSupported:m})=>{n!==void 0&&s(n),m!==void 0&&r(m)},onFullscreenChange:({isFullScreenEnabled:n})=>{s(n)},onLoadedMetadata:({isFullScreenSupported:n})=>{r(n)},onLoadedData:({isFullScreenSupported:n})=>{r(n)}});if(!d\|\|!c)return null;const f=()=>V.__awaiter(void 0,void 0,void 0,function(){var n;!((n=o.current)===null\|\|n===void 0)&&n.toggleFullScreen&&(yield o.current.toggleFullScreen())});return T.createPortal(e.createElement("button",{className:"shaka-fullscreen-button shaka-tooltip",onClick:f},l?e.createElement(ve.EbayIconContract16,{a11yText:i\|\|"Exit fullscreen"}):e.createElement(ye.EbayIconExpand16,{a11yText:a\|\|"Enter fullscreen"})),d)};function w(a,i){const l=Math.floor(a/3600),s=Math.floor(a/60%60);let c=Math.floor(a%60);c<10&&(c="0"+c);let r=s+":"+c;return i&&(s<10&&(r="0"+r),r=l+":"+r),r}const Re=()=>{const[a,i]=e.useState("0:00"),{container:l}=L("remaining_time",{onTimeAndSeekRangeUpdated:({displayTime:s,seekRange:c,isLive:r})=>{const d=c.end-c.start;if(!isFinite(d))i("0:00");else if(r)i("");else{const o=d>=3600,f=Math.max(0,c.end-s),n="- "+w(f,o);i(n)}}});return l?T.createPortal(e.createElement("button",{className:"shaka-remaining-time",disabled:!0},a),l):null},xe=({a11ySkipToLiveText:a})=>{const[i,l]=e.useState("0:00"),[s,c]=e.useState(!1),{container:r,videoRef:d,playerRef:o}=L("current_time",{onTimeAndSeekRangeUpdated:({displayTime:n,seekRange:m,isLive:R,isSeeking:x})=>{const E=m.end-m.start;if(!isFinite(E))l("LIVE");else if(R){const h=Math.floor(m.end-n),v=Math.max(0,h),_=E>=3600;v>=1\|\|x?l("- "+w(v,_)):l("LIVE")}else{const h=E>=3600,v=Math.max(0,n-m.start);l(w(v,h))}},onTracksChanged:({isLive:n})=>{c(n)}});if(!r)return null;const f=()=>{if(!(!d.current\|\|!o.current)&&s){const n=o.current.seekRange();d.current.currentTime=n.end}};return T.createPortal(e.createElement("button",{className:"shaka-current-time",disabled:!s,onClick:f,"aria-label":s?a\|\|"Skip to live":void 0},i),r)},_e=({a11ySkipToLiveText:a})=>{const[i,l]=e.useState(""),[s,c]=e.useState(!1),{container:r}=L("total_time",{onTimeAndSeekRangeUpdated:({seekRange:d})=>{const o=d.end-d.start;if(isFinite(o)&&o){const f=o>=3600;l(w(o,f))}},onTracksChanged:({isLive:d})=>{c(d)}});return r?T.createPortal(e.createElement("button",{className:"shaka-current-time",disabled:!0,"aria-label":s?a\|\|"Skip to live":void 0},i),r):null},Fe=({reportText:a,a11yReportText:i,onReport:l})=>{const{container:s}=L("report");if(!s)return null;const c=r=>{l&&l(r)};return T.createPortal(e.createElement("button",{className:"video-player__report-button",onClick:c,"aria-label":i\|\|a\|\|"Report"},e.createElement(ge.EbayIconFlag16,null)),s)},Le=()=>{const a=e.useRef(!0);return e.useLayoutEffect(()=>(a.current=!0,P.ui.Controls.registerElement("captions",{create:(i,l)=>a.current?new P.ui.TextSelection(i,l):null}),()=>{a.current=!1}),[]),null},Ie=["play_pause","current_time","spacer","total_time","captions","mute_popover","report","fullscreen_button"],Me=["remaining_time","spacer","mute_popover","play_pause"],we={doubleClickForFullscreen:!0,singleClickForPlayAndPause:!0,customContextMenu:!0,contextMenuElements:["mute"],showUIAlways:!1,addSeekBar:!0,controlPanelElements:Ie},Ae={doubleClickForFullscreen:!0,singleClickForPlayAndPause:!0,customContextMenu:!0,contextMenuElements:["mute"],showUIAlways:!1,addSeekBar:!1,controlPanelElements:Me},qe=a=>{var{width:i,height:l,thumbnail:s,action:c,muted:r,playView:d="inline",layout:o="default",a11yPlayText:f,reportText:n,a11yReportText:m,a11yMuteText:R,a11yUnmuteText:x,a11yFullscreenText:E,a11yExitFullscreenText:h,a11ySkipToLiveText:v,volumeSlider:_,volume:F=1,hideReportButton:A,errorText:I,shakaConfig:S,spinnerTimeout:K,onVolumeChange:Q=()=>{},onLoadError:W=()=>{},onPlay:X=()=>{},onPause:Z=()=>{},onReport:ee=()=>{},children:te}=a,B=V.__rest(a,["width","height","thumbnail","action","muted","playView","layout","a11yPlayText","reportText","a11yReportText","a11yMuteText","a11yUnmuteText","a11yFullscreenText","a11yExitFullscreenText","a11ySkipToLiveText","volumeSlider","volume","hideReportButton","errorText","shakaConfig","spinnerTimeout","onVolumeChange","onLoadError","onPlay","onPause","onReport","children"]);const[ne,re]=e.useState(),[oe,U]=e.useState(),[ae,j]=e.useState(c==="play"\|\|B.autoPlay===!0),[le,D]=e.useState(!1),[se,q]=e.useState(!1),k=e.useRef(null),g=e.useRef(null),y=e.useRef(null),C=e.useRef(null),M=fe.filterByType(te,J).map(({props:t})=>t),H=t=>{U(!0),q(!1),W(t)},N=(t=0)=>{var u;!M.length\|\|!y.current\|\|y.current.load((u=M[t])===null\|\|u===void 0?void 0:u.src).then(()=>{U(!1)}).catch(p=>{switch(console.error(p),p.code){case be:return;case Te:setTimeout(()=>N(t),0);break;default:{const b=M.length>t+1&&t+1;b?setTimeout(()=>N(b),0):H(p)}}})};e.useLayoutEffect(()=>{var t;const u=g.current,p=k.current;if(!u\|\|!p\|\|(u.volume=F,u.muted=r!==!1,P.polyfill.installAll(),y.current=new P.Player(u),!y.current))return;S&&y.current.configure(S),y.current.addEventListener("error",()=>H(new Error("Shaka-Player error"))),C.current=new P.ui.Overlay(y.current,p,u),C.current.configure({controlPanelElements:[],addSeekBar:!1}),!((t=document?.documentElement)===null\|\|t===void 0)&&t.lang&&C.current.getControls().getLocalization().changeLocale([document.documentElement.lang]),q(!0);const b=p.querySelector(".shaka-spinner");return b&&setTimeout(()=>{b.hidden=!0},K\|\|ke),N(),()=>{y.current&&y.current.destroy(),C.current&&C.current.destroy()}},[]),e.useEffect(()=>{if(g.current)switch(c){case"play":j(!0),g.current.play();break;case"pause":D(!0),g.current.pause();break}},[c]);const ce=()=>{if(!C.current)return;const t=o==="compact"?Ae:we,u=Object.assign(Object.assign({},t),{controlPanelElements:[...t.controlPanelElements]});if(_===!0){const p=u.controlPanelElements.length-2>0?u.controlPanelElements.length-2:u.controlPanelElements.length;u.controlPanelElements.splice(p,0,"volume")}C.current.configure(u),g.current.controls=!1,setTimeout(()=>O(),10)},ie=t=>{t.stopPropagation(),ce(),O(),d==="fullscreen"&&o!=="compact"&&g.current.requestFullscreen(),re(!0),X(t,{player:y.current,auto:ae}),j(!1)},ue=()=>{q(!1),g.current.play()},de=t=>{const u=t.currentTarget;Q(t,{volume:Math.round((u.volume+Number.EPSILON)100)/100,muted:u.muted})},O=()=>{if(k.current){const t=k.current.querySelector(".shaka-controls-button-panel"),u=t?.querySelector(".shaka-spacer"),p=k.current.querySelector(".shaka-range-container");if(t&&u&&p){const b=t.getBoundingClientRect(),Y=u.getBoundingClientRect();p.style.marginRight=`${b.right-Y.right}px`,p.style.marginLeft=`${Y.left-b.left}px`}}},me=t=>{g.current.controls=!1,Z(t,{player:y.current,auto:le}),D(!1),O()},z={width:i?`${i}px`:void 0,height:l?`${l}px`:void 0},$=se&&k.current?k.current.querySelector(".shaka-controls-container"):null;return e.createElement("div",{style:z,className:G("video-player",{"video-player--poster":!ne,"video-player--compact":o==="compact"})},e.createElement("div",{className:"video-player__container",ref:k,style:z},e.createElement("video",Object.assign({ref:g,poster:s,playsInline:!0,muted:r!==!1,onPlaying:ie,onPause:me,onVolumeChange:de},B),M.map((t,u)=>e.createElement("source",Object.assign({key:u},t))))),e.createElement("div",{className:G("video-player__overlay",{"video-player__overlay--hidden":!oe})},e.createElement(Se.EbayIconAttention64,null),e.createElement("div",{className:"video-player__overlay-text"},I)),$&&T.createPortal(e.createElement("div",{className:"shaka-play-button-container"},e.createElement("button",{type:"button",className:"shaka-play-button","aria-label":f,onClick:ue},e.createElement(Ee.EbayIconPlayFilled64Colored,{width:64}))),$),!A&&e.createElement(Fe,{reportText:n,a11yReportText:m,onReport:ee}),e.createElement(xe,{a11ySkipToLiveText:v}),e.createElement(Re,null),e.createElement(_e,{a11ySkipToLiveText:v}),e.createElement(Ce,{a11yMuteText:R,a11yUnmuteText:x}),e.createElement(Pe,{a11yFullscreenText:E,a11yExitFullscreenText:h}),e.createElement(Le,null))};exports.EbayVideo=qe;exports.EbayVideoSource=J;

package/ebay-video/video.d.ts CHANGED Viewed

@@ -3,12 +3,13 @@ import { Player, VideoAction, VideoPlayView } from "./types";
 import { EbayEventHandler } from "../common/event-utils/types";
 export type PlayEventProps = {
     player: Player;
+    auto: boolean;
 };
 export type VolumeChangeProps = {
     volume: number;
     muted: boolean;
 };
-export type EbayVideoProps = Omit<ComponentProps<"video">, "onPlay" | "onVolumeChange"> & {
+export type EbayVideoProps = Omit<ComponentProps<"video">, "onPlay" | "onPause" | "onVolumeChange"> & {
     width?: number;
     height?: number;
     thumbnail?: string;
@@ -18,15 +19,22 @@ export type EbayVideoProps = Omit<ComponentProps<"video">, "onPlay" | "onVolumeC
     volumeSlider?: boolean;
     hideReportButton?: boolean;
     playView?: VideoPlayView;
-    cdnUrl?: string;
-    cssUrl?: string;
     cdnVersion?: string;
-    a11yLoadText: string;
     a11yPlayText: string;
     errorText: string;
     reportText?: string;
+    a11yReportText?: string;
+    a11yMuteText?: string;
+    a11yUnmuteText?: string;
+    a11yFullscreenText?: string;
+    a11yExitFullscreenText?: string;
+    a11ySkipToLiveText?: string;
+    shakaConfig?: Record<string, unknown>;
+    spinnerTimeout?: number;
+    layout?: "default" | "compact";
     onLoadError?: (err: Error) => void;
     onPlay?: EbayEventHandler<HTMLVideoElement, PlayEventProps>;
+    onPause?: EbayEventHandler<HTMLVideoElement, PlayEventProps>;
     onVolumeChange?: EbayEventHandler<HTMLVideoElement, VolumeChangeProps>;
     onReport?: (event?: MouseEvent<HTMLButtonElement>) => void;
 };

package/ebay-video/video.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"~~AAEA~~,OAAc,~~EAAE~~,cAAc,~~EAAE~~,EAAE,~~EAAkB~~,UAAU,~~EAA+B~~,MAAM,OAAO,CAAC;~~AAQ3G~~,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;~~AAI7D~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAI/D,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;~~CAClB~~,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;~~IACtF~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;~~IAEzB~~,~~MAAM~~,CAAC,EAAE,MAAM,CAAC;~~IAChB~~,MAAM,CAAC,EAAE,MAAM,CAAC;~~IAChB~~,UAAU,CAAC,EAAE,MAAM,CAAC;~~IAEpB~~,~~YAAY~~,EAAE,MAAM,CAAC;~~IACrB~~,YAAY,EAAE,MAAM,CAAC;~~IACrB~~,~~SAAS~~,EAAE,MAAM,CAAC;~~IAClB~~,~~UAAU~~,CAAC,EAAE,MAAM,CAAC;~~IACpB~~,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;~~AAEF~~,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,~~CA0OjC~~,CAAC;~~AAgBF~~,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/ebay-video/video.tsx"],"names":[],"mappings":"AACA,OAAc,EACV,cAAc,EACd,EAAE,EAEF,UAAU,EAKb,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAU7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAI/D,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,gBAAgB,CAAC,GAAG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAC7D,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAmCF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqSjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/{file-preview-card-C7kSASWO.js → file-preview-card-Du_rM7X1.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const k=require("./tslib.es6-~~C4EgNkz1~~.js"),e=require("react"),C=require("classnames"),O=require("./utils-C9NL3q0j.js"),g=require("./icon-button-~~AJ6dtyvc~~.js"),j=require("./menu-button-~~Cw_SMZjv~~.js"),F=require("./menu-~~Bvnencku~~.js"),U=require("./icons/ebay-icon-close-16/index.js"),L=require("./icons/ebay-icon-delete-16/index.js"),R=require("./progress-spinner-~~DTmNtD59~~.js"),A=require("./icons/ebay-icon-file-24/index.js"),D=require("./icons/ebay-icon-play-16/index.js"),W=({status:t,menuActions:n,onMenuAction:r,deleteText:s,onCancel:a,onDelete:l,onAction:b,a11yCancelUploadText:m,a11yMenuButtonText:E,action:i})=>{const y=(c,u)=>{var o;if(u){const d=(o=u.checked)===null\|\|o===void 0?void 0:o[0],p=n&&d!==void 0&&d in n?n[d].event:null;p&&r?r(c,Object.assign(Object.assign({},u),{eventName:p})):l&&l(c)}};return t==="uploading"?e.createElement(g.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(U.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",a11yText:E,onSelect:y},n.map(c=>e.createElement(F.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(F.EbayMenuItem,{key:"delete",value:"delete"},s))):i?.props&&i.props.icon&&i.props["aria-label"]?e.createElement(g.EbayIconButton,Object.assign({onClick:b,className:C("file-preview-card__action",i.props.className)},i.props)):s?e.createElement(g.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(L.EbayIconDelete16,null),onClick:l}):e.createElement(e.Fragment,null)},I=({file:t,status:n,seeMore:r})=>{if(n==="uploading")return e.createElement(R.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:C("file-preview-card__asset",{"file-preview-card__asset--fade":r&&r>0}),src:t?.src,alt:t?.name});default:return e.createElement(A.EbayIconFile24,{className:"file-preview-card__asset"})}},z=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(D.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n\|\|t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),M=()=>null,G=t=>{var{a11yCancelUploadText:n,status:r,as:s="div",file:a,seeMore:l,deleteText:b,footerTitle:m,footerSubtitle:E,a11ySeeMoreText:i,menuActions:y,a11yMenuButtonText:c,infoText:u,href:o,onCancel:d,onDelete:p,onMenuAction:q,onSeeMore:x,onAction:T,className:h,children:S}=t,B=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","a11yMenuButtonText","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const P=O.findComponent(S,M),f=e.useMemo(()=>{var _,w;if(!a)return;let N=a,v;return!((_=a?.type)===null\|\|_===void 0)&&_.startsWith("image")?v="image":!((w=a?.type)===null\|\|w===void 0)&&w.startsWith("video")&&(v="video"),a instanceof File&&(N={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),N.type=v,N},[a]);return e.createElement(s,Object.assign({className:C("file-preview-card",h)},B),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(I,{file:f,status:r,seeMore:l})):e.createElement(I,{file:f,status:r,seeMore:l}),l&&l>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:x,"aria-label":i},e.createElement("span",null,"+",l)):e.createElement(W,{a11yCancelUploadText:n,a11yMenuButtonText:c,status:r,menuActions:y,onMenuAction:q,deleteText:b,onCancel:d,onDelete:p,onAction:T,action:P}),e.createElement(z,{file:f,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),E&&e.createElement("span",null,E)))};exports.EbayFilePreviewCard=G;exports.EbayFilePreviewCardAction=M;
1	+ "use strict";const k=require("./tslib.es6-BW4cJBUu.js"),e=require("react"),C=require("classnames"),O=require("./utils-C9NL3q0j.js"),g=require("./icon-button-E_6JKTh3.js"),j=require("./menu-button-BPwZtkuk.js"),F=require("./menu-A2rDgu5k.js"),U=require("./icons/ebay-icon-close-16/index.js"),L=require("./icons/ebay-icon-delete-16/index.js"),R=require("./progress-spinner-CYHN2qj2.js"),A=require("./icons/ebay-icon-file-24/index.js"),D=require("./icons/ebay-icon-play-16/index.js"),W=({status:t,menuActions:n,onMenuAction:r,deleteText:s,onCancel:a,onDelete:l,onAction:b,a11yCancelUploadText:m,a11yMenuButtonText:E,action:i})=>{const y=(c,u)=>{var o;if(u){const d=(o=u.checked)===null\|\|o===void 0?void 0:o[0],p=n&&d!==void 0&&d in n?n[d].event:null;p&&r?r(c,Object.assign(Object.assign({},u),{eventName:p})):l&&l(c)}};return t==="uploading"?e.createElement(g.EbayIconButton,{"aria-label":m,onClick:a,className:"file-preview-card__action",icon:e.createElement(U.EbayIconClose16,null)}):n?.length?e.createElement(e.Fragment,null,e.createElement(j.EbayMenuButton,{variant:"overflow",className:"file-preview-card__action",a11yText:E,onSelect:y},n.map(c=>e.createElement(F.EbayMenuItem,{value:c.event,key:c.label},c.label)),e.createElement(F.EbayMenuItem,{key:"delete",value:"delete"},s))):i?.props&&i.props.icon&&i.props["aria-label"]?e.createElement(g.EbayIconButton,Object.assign({onClick:b,className:C("file-preview-card__action",i.props.className)},i.props)):s?e.createElement(g.EbayIconButton,{"aria-label":s,className:"file-preview-card__action",icon:e.createElement(L.EbayIconDelete16,null),onClick:l}):e.createElement(e.Fragment,null)},I=({file:t,status:n,seeMore:r})=>{if(n==="uploading")return e.createElement(R.EbayProgressSpinner,{className:"file-preview-card__asset"});switch(t?.type){case"video":return e.createElement("video",{className:"file-preview-card__asset",src:t.src});case"image":return e.createElement("img",{className:C("file-preview-card__asset",{"file-preview-card__asset--fade":r&&r>0}),src:t?.src,alt:t?.name});default:return e.createElement(A.EbayIconFile24,{className:"file-preview-card__asset"})}},z=({file:t,infoText:n})=>t&&t.type!=="image"?e.createElement("div",{className:"file-preview-card__info"},t.type==="video"&&e.createElement(D.EbayIconPlay16,{className:"file-preview-card__video-icon"}),n\|\|t.name.substring(t.name.lastIndexOf(".")+1).toUpperCase()):e.createElement(e.Fragment,null),M=()=>null,G=t=>{var{a11yCancelUploadText:n,status:r,as:s="div",file:a,seeMore:l,deleteText:b,footerTitle:m,footerSubtitle:E,a11ySeeMoreText:i,menuActions:y,a11yMenuButtonText:c,infoText:u,href:o,onCancel:d,onDelete:p,onMenuAction:q,onSeeMore:x,onAction:T,className:h,children:S}=t,B=k.__rest(t,["a11yCancelUploadText","status","as","file","seeMore","deleteText","footerTitle","footerSubtitle","a11ySeeMoreText","menuActions","a11yMenuButtonText","infoText","href","onCancel","onDelete","onMenuAction","onSeeMore","onAction","className","children"]);const P=O.findComponent(S,M),f=e.useMemo(()=>{var _,w;if(!a)return;let N=a,v;return!((_=a?.type)===null\|\|_===void 0)&&_.startsWith("image")?v="image":!((w=a?.type)===null\|\|w===void 0)&&w.startsWith("video")&&(v="video"),a instanceof File&&(N={name:a.name,type:v,src:v?URL.createObjectURL(a):void 0}),N.type=v,N},[a]);return e.createElement(s,Object.assign({className:C("file-preview-card",h)},B),e.createElement("div",{className:"file-preview-card__body"},o?e.createElement("a",{href:o},e.createElement(I,{file:f,status:r,seeMore:l})):e.createElement(I,{file:f,status:r,seeMore:l}),l&&l>0?e.createElement("button",{type:"button",className:"file-preview-card__see-more",onClick:x,"aria-label":i},e.createElement("span",null,"+",l)):e.createElement(W,{a11yCancelUploadText:n,a11yMenuButtonText:c,status:r,menuActions:y,onMenuAction:q,deleteText:b,onCancel:d,onDelete:p,onAction:T,action:P}),e.createElement(z,{file:f,infoText:u})),m&&e.createElement("div",{className:"file-preview-card__footer"},e.createElement("span",null,m),E&&e.createElement("span",null,E)))};exports.EbayFilePreviewCard=G;exports.EbayFilePreviewCardAction=M;

package/{filter-menu-Bvw41wc_.js → filter-menu-BpXDaeMo.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const O=require("./tslib.es6-~~C4EgNkz1~~.js"),r=require("react"),ae=require("makeup-prevent-scroll-keys"),te=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),L=require("./utils-C9NL3q0j.js"),j=require("classnames"),ce=require("./checkbox-~~D4sjiLfW.~~js"),oe=require("./radio-~~LVgK_odp~~.js");require("./array.polyfill.flat-5BAolFdk.js");const se=require("./icons/ebay-icon-radio-checked-18/index.js"),le=require("./icons/ebay-icon-radio-unchecked-18/index.js"),ie=require("./icons/ebay-icon-checkbox-checked-18/index.js"),de=require("./icons/ebay-icon-checkbox-unchecked-18/index.js"),ue=require("./button-~~xYFMCdP0~~.js"),me=require("./icons/ebay-icon-clear-20/index.js"),he=require("./icons/ebay-icon-search-16/index.js");function be(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(c,s,m.get?m:{enumerable:!0,get:()=>t[s]})}}return c.default=t,Object.freeze(c)}const A=be(ae),V=t=>{var{__classPrefix:c,__variant:s,className:m,onClick:E}=t,I=O.__rest(t,["__classPrefix","__variant","className","onClick"]);const l=s==="form";return r.createElement("button",Object.assign({},I,{type:l?"submit":"button",className:j(m,`${c}__footer`),onClick:l?void 0:E}))},z=t=>{var{checked:c,value:s,disabled:m,children:E,className:I,onClick:l,__type:S,__variant:R,__classPrefix:C}=t,P=O.__rest(t,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const F=R==="form",h=S==="radio",b=h?"radio":"checkbox",x=T.useRandomId(),v=`'${b}-${x}`,f=F?"label":"div",$=h?oe.EbayRadio:ce.EbayCheckbox,w=h?`${C}__radio`:`${C}__checkbox`,M=h?se.EbayIconRadioChecked18:ie.EbayIconCheckboxChecked18,_=h?le.EbayIconRadioUnchecked18:de.EbayIconCheckboxUnchecked18,i=k=>{l?.(k,{value:s,checked:!c})};return r.createElement(f,Object.assign({},P,{className:j(I,`${C}__item`),htmlFor:F?v:void 0,role:h?"menuitemradio":"menuitemcheckbox",onClick:i,"aria-checked":c,"aria-disabled":m}),F?r.createElement($,{id:v,checked:c}):r.createElement("span",{className:w},c?r.createElement(M,null):r.createElement(_,null)),r.createElement("span",{className:`${C}__text`},E))},fe=t=>{var{classPrefix:c,className:s,formMethod:m,formAction:E,formName:I,variant:l,children:S,type:R,searchHeaderValue:C,searchHeaderPlaceholderText:P,a11ySearchHeaderClearText:F,forwardedRef:h,onSearchChange:b,onFormSubmit:x,onFooterClick:v,onChange:f,"aria-label":$,"aria-labelledby":w}=t,M=O.__rest(t,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const _=r.useRef(null),i=l==="form",k=R==="radio",q=c\|\|"filter-menu",B=L.findComponent(S,V),p=L.filterByType(S,z),H=T.useRandomId(),[G,D]=r.useState(C\|\|""),[g,J]=r.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[N,Q]=r.useState(()=>p.map(e=>!!e.props.checked));r.useEffect(()=>{let e;return i\|\|(e=te.createLinear(_.current,"div",{autoInit:"interactive"}),A.add(_.current)),()=>{e&&(e.destroy(),e=null),_.current&&A.remove(_.current)}},[i]);const U=()=>({checked:p.filter((e,a)=>k?g===a:N[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>k?a===g&&a:N[a]&&a).filter(e=>typeof e=="number")}),W=e=>{v?.(e,U())},X=e=>{x?.(e,U())},Y=e=>{D(""),b?.(e,{searchTerm:""})},Z=e=>{D(e.target.value),b?.(e,{searchTerm:e.target.value})},ee=i?"form":r.Fragment,re=i?{name:I,action:E,method:m,onSubmit:X}:{},K=(e,{checked:a,index:n})=>{const y=e.target;if(!(i&&!y.type))if(k)J(n),f?.(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const d=N.map((o,u)=>u===n?a:o);f?.(e,{index:n,checked:p.filter((o,u)=>d[u]).map(o=>o.props.value),checkedIndex:d.map((o,u)=>o&&u).filter(o=>typeof o=="number"),currentChecked:a}),Q(d)}};return r.createElement("span",Object.assign({},M,{ref:h,className:j(s,`${c?`${q}__menu`:q}`)}),P?r.createElement("div",{className:"filter-menu__header"},r.createElement(he.EbayIconSearch16,null),r.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:P,"aria-owns":H,onChange:Z}),r.createElement(ue.EbayButton,{type:"button",onClick:Y,"aria-label":F},r.createElement(me.EbayIconClear20,null))):null,r.createElement(ee,Object.assign({},re),r.createElement("div",{id:H,ref:_,className:`${q}__items`,role:i?void 0:"menu","aria-label":$,"aria-labelledby":w},p.map((e,a)=>r.cloneElement(e,{__classPrefix:q,__type:R,__variant:l,checked:k?a===g:N[a],onClick:(n,{checked:y,value:d})=>{var o,u;e.props.disabled\|\|((u=(o=e.props).onClick)===null\|\|u===void 0\|\|u.call(o,n,{checked:y,value:d}),K(n,{checked:y,index:a}))},onKeyDown:n=>{var y,d;if(!e.props.disabled&&((d=(y=e.props).onKeyDown)===null\|\|d===void 0\|\|d.call(y,n),n.key==="Enter"\|\|n.key===" "&&!i)){const o=k?a===g:N[a];K(n,{checked:!o,index:a})}}}))),B&&r.cloneElement(B,{onClick:W,__classPrefix:q,__variant:l})))},_e=ne.withForwardRef(fe);exports.EbayFilterMenu=_e;exports.EbayFilterMenuFooterButton=V;exports.EbayFilterMenuItem=z;
1	+ "use strict";const O=require("./tslib.es6-BW4cJBUu.js"),r=require("react"),ae=require("makeup-prevent-scroll-keys"),te=require("makeup-roving-tabindex"),T=require("./random-id-DlJj_RWH.js"),ne=require("./forwardRef-DBQKIlPy.js"),L=require("./utils-C9NL3q0j.js"),j=require("classnames"),ce=require("./checkbox-BXjIUtq-.js"),oe=require("./radio-B9y_zYUD.js");require("./array.polyfill.flat-5BAolFdk.js");const se=require("./icons/ebay-icon-radio-checked-18/index.js"),le=require("./icons/ebay-icon-radio-unchecked-18/index.js"),ie=require("./icons/ebay-icon-checkbox-checked-18/index.js"),de=require("./icons/ebay-icon-checkbox-unchecked-18/index.js"),ue=require("./button-Cylml1aK.js"),me=require("./icons/ebay-icon-clear-20/index.js"),he=require("./icons/ebay-icon-search-16/index.js");function be(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(c,s,m.get?m:{enumerable:!0,get:()=>t[s]})}}return c.default=t,Object.freeze(c)}const A=be(ae),V=t=>{var{__classPrefix:c,__variant:s,className:m,onClick:E}=t,I=O.__rest(t,["__classPrefix","__variant","className","onClick"]);const l=s==="form";return r.createElement("button",Object.assign({},I,{type:l?"submit":"button",className:j(m,`${c}__footer`),onClick:l?void 0:E}))},z=t=>{var{checked:c,value:s,disabled:m,children:E,className:I,onClick:l,__type:S,__variant:R,__classPrefix:C}=t,P=O.__rest(t,["checked","value","disabled","children","className","onClick","__type","__variant","__classPrefix"]);const F=R==="form",h=S==="radio",b=h?"radio":"checkbox",x=T.useRandomId(),v=`'${b}-${x}`,f=F?"label":"div",$=h?oe.EbayRadio:ce.EbayCheckbox,w=h?`${C}__radio`:`${C}__checkbox`,M=h?se.EbayIconRadioChecked18:ie.EbayIconCheckboxChecked18,_=h?le.EbayIconRadioUnchecked18:de.EbayIconCheckboxUnchecked18,i=k=>{l?.(k,{value:s,checked:!c})};return r.createElement(f,Object.assign({},P,{className:j(I,`${C}__item`),htmlFor:F?v:void 0,role:h?"menuitemradio":"menuitemcheckbox",onClick:i,"aria-checked":c,"aria-disabled":m}),F?r.createElement($,{id:v,checked:c}):r.createElement("span",{className:w},c?r.createElement(M,null):r.createElement(_,null)),r.createElement("span",{className:`${C}__text`},E))},fe=t=>{var{classPrefix:c,className:s,formMethod:m,formAction:E,formName:I,variant:l,children:S,type:R,searchHeaderValue:C,searchHeaderPlaceholderText:P,a11ySearchHeaderClearText:F,forwardedRef:h,onSearchChange:b,onFormSubmit:x,onFooterClick:v,onChange:f,"aria-label":$,"aria-labelledby":w}=t,M=O.__rest(t,["classPrefix","className","formMethod","formAction","formName","variant","children","type","searchHeaderValue","searchHeaderPlaceholderText","a11ySearchHeaderClearText","forwardedRef","onSearchChange","onFormSubmit","onFooterClick","onChange","aria-label","aria-labelledby"]);const _=r.useRef(null),i=l==="form",k=R==="radio",q=c\|\|"filter-menu",B=L.findComponent(S,V),p=L.filterByType(S,z),H=T.useRandomId(),[G,D]=r.useState(C\|\|""),[g,J]=r.useState(()=>p.map((e,a)=>e.props.checked&&a).find(e=>typeof e=="number")),[N,Q]=r.useState(()=>p.map(e=>!!e.props.checked));r.useEffect(()=>{let e;return i\|\|(e=te.createLinear(_.current,"div",{autoInit:"interactive"}),A.add(_.current)),()=>{e&&(e.destroy(),e=null),_.current&&A.remove(_.current)}},[i]);const U=()=>({checked:p.filter((e,a)=>k?g===a:N[a]).map(e=>e.props.value),checkedIndex:p.map((e,a)=>k?a===g&&a:N[a]&&a).filter(e=>typeof e=="number")}),W=e=>{v?.(e,U())},X=e=>{x?.(e,U())},Y=e=>{D(""),b?.(e,{searchTerm:""})},Z=e=>{D(e.target.value),b?.(e,{searchTerm:e.target.value})},ee=i?"form":r.Fragment,re=i?{name:I,action:E,method:m,onSubmit:X}:{},K=(e,{checked:a,index:n})=>{const y=e.target;if(!(i&&!y.type))if(k)J(n),f?.(e,{index:n,checked:[p[n].props.value],checkedIndex:[n],currentChecked:a});else{const d=N.map((o,u)=>u===n?a:o);f?.(e,{index:n,checked:p.filter((o,u)=>d[u]).map(o=>o.props.value),checkedIndex:d.map((o,u)=>o&&u).filter(o=>typeof o=="number"),currentChecked:a}),Q(d)}};return r.createElement("span",Object.assign({},M,{ref:h,className:j(s,`${c?`${q}__menu`:q}`)}),P?r.createElement("div",{className:"filter-menu__header"},r.createElement(he.EbayIconSearch16,null),r.createElement("input",{type:"text",value:G,className:"filter-menu__search",placeholder:P,"aria-owns":H,onChange:Z}),r.createElement(ue.EbayButton,{type:"button",onClick:Y,"aria-label":F},r.createElement(me.EbayIconClear20,null))):null,r.createElement(ee,Object.assign({},re),r.createElement("div",{id:H,ref:_,className:`${q}__items`,role:i?void 0:"menu","aria-label":$,"aria-labelledby":w},p.map((e,a)=>r.cloneElement(e,{__classPrefix:q,__type:R,__variant:l,checked:k?a===g:N[a],onClick:(n,{checked:y,value:d})=>{var o,u;e.props.disabled\|\|((u=(o=e.props).onClick)===null\|\|u===void 0\|\|u.call(o,n,{checked:y,value:d}),K(n,{checked:y,index:a}))},onKeyDown:n=>{var y,d;if(!e.props.disabled&&((d=(y=e.props).onKeyDown)===null\|\|d===void 0\|\|d.call(y,n),n.key==="Enter"\|\|n.key===" "&&!i)){const o=k?a===g:N[a];K(n,{checked:!o,index:a})}}}))),B&&r.cloneElement(B,{onClick:W,__classPrefix:q,__variant:l})))},_e=ne.withForwardRef(fe);exports.EbayFilterMenu=_e;exports.EbayFilterMenuFooterButton=V;exports.EbayFilterMenuItem=z;

package/{flag-DU-1tRv6.js → flag-jZOEhbJe.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const r=require("./tslib.es6-~~C4EgNkz1~~.js"),t=require("react"),l=require("classnames"),n=s=>{var{flag:e,className:a}=s,c=r.__rest(s,["flag","className"]);return t.createElement("span",Object.assign({className:l("fflag",a,`fflag--${e.toLowerCase()}`)},c))};exports.EbayFlagIcon=n;
1	+ "use strict";const r=require("./tslib.es6-BW4cJBUu.js"),t=require("react"),l=require("classnames"),n=s=>{var{flag:e,className:a}=s,c=r.__rest(s,["flag","className"]);return t.createElement("span",Object.assign({className:l("fflag",a,`fflag--${e.toLowerCase()}`)},c))};exports.EbayFlagIcon=n;

package/{hooks-uidlIIid.js → hooks-BZOKHA9o.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const g=require("./tslib.es6-~~C4EgNkz1~~.js"),a=require("react"),t=require("classnames"),s=require("makeup-floating-label"),{default:E=s}=s?.default?.__esModule?s.default:s;function y({text:n,disabled:_,invalid:m,size:N,opaqueLabel:C,static:i,containerTagName:L="span",onMount:d=()=>{}}){const r=a.useRef(null),c=a.useRef(null);a.useLayoutEffect(()=>{var e;(e=c.current)===null\|\|e===void 0\|\|e.refresh()}),a.useLayoutEffect(()=>{if(!(!n\|\|i))return r.current&&(c.current=new E(r.current),d()),()=>{var e;(e=c.current)===null\|\|e===void 0\|\|e.destroy()}},[n,i]);const b=t("floating-label",{"floating-label--large":N==="large","floating-label--opaque":C}),v=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),p=a.useCallback(a.forwardRef((e,l)=>{var{className:o}=e,q=g.__rest(e,["className"]);return a.createElement(L,Object.assign({},q,{ref:u=>{r.current=u,typeof l=="function"?l(u):l&&(l.current=u)},className:t(o,b)}))}),[b]),f=t("floating-label__label",{"floating-label__label--disabled":_,"floating-label__label--invalid":m}),F=a.useCallback(e=>{var{className:l}=e,o=g.__rest(e,["className"]);return a.createElement("label",Object.assign({},o,{className:t(l,f)}),n)},[f,n]);return n?{Label:F,Container:p}:{Label:()=>null,Container:v}}exports.useFloatingLabel=y;
1	+ "use strict";const g=require("./tslib.es6-BW4cJBUu.js"),a=require("react"),t=require("classnames"),s=require("makeup-floating-label"),{default:E=s}=s?.default?.__esModule?s.default:s;function y({text:n,disabled:_,invalid:m,size:N,opaqueLabel:C,static:i,containerTagName:L="span",onMount:d=()=>{}}){const r=a.useRef(null),c=a.useRef(null);a.useLayoutEffect(()=>{var e;(e=c.current)===null\|\|e===void 0\|\|e.refresh()}),a.useLayoutEffect(()=>{if(!(!n\|\|i))return r.current&&(c.current=new E(r.current),d()),()=>{var e;(e=c.current)===null\|\|e===void 0\|\|e.destroy()}},[n,i]);const b=t("floating-label",{"floating-label--large":N==="large","floating-label--opaque":C}),v=a.useCallback(({children:e})=>a.createElement(a.Fragment,null,e),[]),p=a.useCallback(a.forwardRef((e,l)=>{var{className:o}=e,q=g.__rest(e,["className"]);return a.createElement(L,Object.assign({},q,{ref:u=>{r.current=u,typeof l=="function"?l(u):l&&(l.current=u)},className:t(o,b)}))}),[b]),f=t("floating-label__label",{"floating-label__label--disabled":_,"floating-label__label--invalid":m}),F=a.useCallback(e=>{var{className:l}=e,o=g.__rest(e,["className"]);return a.createElement("label",Object.assign({},o,{className:t(l,f)}),n)},[f,n]);return n?{Label:F,Container:p}:{Label:()=>null,Container:v}}exports.useFloatingLabel=y;

package/icon-M7M42naA.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";const O=require("./tslib.es6-BW4cJBUu.js"),n=require("react"),j=require("classnames"),z=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const D=require("./random-id-DlJj_RWH.js"),I=n.createContext(null),c="ebayui-svg-symbols",V=({children:t})=>{const e=n.useRef(new Set);return n.createElement(I.Provider,{value:e.current},n.createElement("svg",{id:c,style:{position:"absolute",height:"0px",width:"0px"},focusable:!1,"aria-hidden":"true"}),t)};function w(){const t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.id=c,t.style.position="absolute",t.style.width="0",t.style.height="0",t}const h=new Set,F=t=>{var{name:e,className:o,noSkinClasses:x=!1,a11yText:a,a11yVariant:C,forwardedRef:N,prominent:$,__type:d="icon",__symbol:p}=t,S=O.__rest(t,["name","className","noSkinClasses","a11yText","a11yVariant","forwardedRef","prominent","__type","__symbol"]);const[_,k]=n.useState("");n.useEffect(()=>{k(D.randomId())},[]);const u=n.useRef(null),[R,P]=n.useState(!1);let s=n.useContext(I);s||(s=h,typeof window>"u"&&typeof setImmediate<"u"&&(console.warn(`Icon "${e}" used without wrapping it in a <EbayIconProvider />, for better server performance make sure to wrap your application with <EbayIconProvider> component.`),setImmediate(()=>{h.clear()})));let f;s?.has(e)?f="":(typeof window>"u"&&s?.add(e),f=p||""),n.useLayoutEffect(()=>{var b;if(!p)return;let i;if(document.getElementById(c)){const r=document.getElementById(c);r instanceof SVGElement?i=r:(console.warn(`Invalid "#${c}" element, creating a new one`),(b=r?.parentNode)===null||b===void 0||b.removeChild(r),i=w(),document.body.insertBefore(i,document.body.lastChild))}else i=w(),document.body.insertBefore(i,document.body.lastChild);if(u.current){const g=u.current.querySelector("symbol");g&&(s?.add(e),i.appendChild(g)),P(!0)}},[]);const m=C==="label",v=a&&`icon-title-${_}`,q=a?{"aria-labelledby":m?void 0:v,"aria-label":m?a:void 0,role:"img"}:{"aria-hidden":!0},l=E(e),B=W(l)||l,L=l.endsWith("-colored"),y=d==="flag"?"flag":"icon",T=[`${y}`,`${y}--${B}${L?"-colored":""}`,G(l)].filter(Boolean).join(" "),A=j(o,{[T]:!x,[`${y}--prominent`]:$}),H=["icon","flag"].includes(d)?`${d}-`:"";return n.createElement("svg",Object.assign({},S,{className:A,xmlns:"http://www.w3.org/2000/svg",focusable:!1,ref:N},q),a&&!m&&n.createElement("title",{id:v},a),n.createElement("use",{xlinkHref:`#${H}${l}`}),R?null:n.createElement("defs",{ref:u,dangerouslySetInnerHTML:{__html:f},suppressHydrationWarning:!0}))};function W(t){const e=t.split("-"),o=e[e.length-1];return o==="colored"?e[e.length-2]:isNaN(Number(o))?"":o}function G(t){const e=t.split("-"),o=e.indexOf("filled");return o===-1?"":`icon--${e.slice(0,o+1).join("-")}`}function E(t){return t.replace(/([0-9]+)/g,(e,o)=>`-${o}`).replace(/([A-Z])/g,(e,o)=>`-${o.toLowerCase()}`)}const M=z.withForwardRef(F);exports.EbayIcon=M;exports.EbayIconProvider=V;exports.kebabCased=E;

package/{icon-button-AJ6dtyvc.js → icon-button-E_6JKTh3.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const $=require("./tslib.es6-~~C4EgNkz1~~.js"),r=require("react"),q=require("classnames"),N=require("./icon-~~I30uh1Ov~~.js"),D=require("./badge-~~BWhBKWCu~~.js"),R=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const h=s=>{var{href:t,icon:a,badgeNumber:o,badgeAriaLabel:u,transparent:m,className:f,forwardedRef:c,priority:p="none",size:i,onEscape:E=()=>{},onKeyDown:g=()=>{}}=s,y=$.__rest(s,["href","icon","badgeNumber","badgeAriaLabel","transparent","className","forwardedRef","priority","size","onEscape","onKeyDown"]);const e=t?"icon-link":"icon-btn",w={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},b=q(f,e,i&&`${e}--${i}`,{[`${e}--badged`]:o,[`${e}--transparent`]:m},w[p]),l=r.createElement(r.Fragment,null,typeof a=="string"?r.createElement(N.EbayIcon,{name:a}):a,o&&r.createElement(D.EbayBadge,{type:"icon",number:o,"aria-label":u})),d=n=>{(n.key==="Escape"\|\|n.key==="Esc")&&E(n),g(n)};return t?r.createElement("a",Object.assign({ref:c,className:b,href:t,onKeyDown:d},y),l):r.createElement("button",Object.assign({ref:c,type:"button",className:b,onKeyDown:d},y),l)},k=R.withForwardRef(h);exports.EbayIconButton=k;
1	+ "use strict";const $=require("./tslib.es6-BW4cJBUu.js"),r=require("react"),q=require("classnames"),N=require("./icon-M7M42naA.js"),D=require("./badge-DuE-Ehip.js"),R=require("./forwardRef-DBQKIlPy.js");require("./array.polyfill.flat-5BAolFdk.js");const h=s=>{var{href:t,icon:a,badgeNumber:o,badgeAriaLabel:u,transparent:m,className:f,forwardedRef:c,priority:p="none",size:i,onEscape:E=()=>{},onKeyDown:g=()=>{}}=s,y=$.__rest(s,["href","icon","badgeNumber","badgeAriaLabel","transparent","className","forwardedRef","priority","size","onEscape","onKeyDown"]);const e=t?"icon-link":"icon-btn",w={primary:`${e}--primary`,secondary:`${e}--secondary`,tertiary:`${e}--tertiary`,none:""},b=q(f,e,i&&`${e}--${i}`,{[`${e}--badged`]:o,[`${e}--transparent`]:m},w[p]),l=r.createElement(r.Fragment,null,typeof a=="string"?r.createElement(N.EbayIcon,{name:a}):a,o&&r.createElement(D.EbayBadge,{type:"icon",number:o,"aria-label":u})),d=n=>{(n.key==="Escape"\|\|n.key==="Esc")&&E(n),g(n)};return t?r.createElement("a",Object.assign({ref:c,className:b,href:t,onKeyDown:d},y),l):r.createElement("button",Object.assign({ref:c,type:"button",className:b,onKeyDown:d},y),l)},k=R.withForwardRef(h);exports.EbayIconButton=k;