@meetelise/chat 1.42.4 → 1.43.0

package/dist/src/WebComponent/FeeCalculator/components/addons/rentable-item-qty-selector/rentable-item-qty-selector-styles.d.ts

@@ -1,2 +0,0 @@
-declare const rentableItemQuantitySelectorStyles: import("lit").CSSResult;
-export default rentableItemQuantitySelectorStyles;

package/dist/src/WebComponent/FeeCalculator/components/addons/rentable-item-qty-selector/rentable-item-qty-selector.d.ts

@@ -1,25 +0,0 @@
-import { LitElement, TemplateResult } from "lit";
-import { DesiredRentableItem, RentableItemSummary } from "../../../model";
-import "../../../../shared/simple-tooltip";
-export declare class RentableItemQtySelector extends LitElement {
-    static styles: import("lit").CSSResult;
-    rentableItem: RentableItemSummary | null;
-    onSelect: ((rentableItem: DesiredRentableItem) => void) | null;
-    disabled: boolean;
-    private quantity;
-    selectedItemIds: Set<string>;
-    get totalAvailableItems(): number;
-    get totalInventory(): number;
-    get quantityLeft(): number;
-    get atMaxUnits(): boolean;
-    get atMinUnits(): boolean;
-    private handleIncrement;
-    private handleDecrement;
-    private emitChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "rentable-item-qty-selector": RentableItemQtySelector;
-    }
-}

package/src/WebComponent/FeeCalculator/components/addons/rentable-item-qty-selector/rentable-item-qty-selector-styles.ts

@@ -1,9 +0,0 @@
-import { css } from "lit";
-
-const rentableItemQuantitySelectorStyles = css`
-  :host {
-    display: block;
-  }
-`;
-
-export default rentableItemQuantitySelectorStyles;

package/src/WebComponent/FeeCalculator/components/addons/rentable-item-qty-selector/rentable-item-qty-selector.ts

@@ -1,156 +0,0 @@
-import { html, LitElement, TemplateResult } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { DesiredRentableItem, RentableItemSummary } from "../../../model";
-
-import "../../../../shared/simple-tooltip";
-
-import commonAddonStyles from "../common-addon-styles";
-
-const DEFAULT_MAX_QUANTITY = 10;
-
-@customElement("rentable-item-qty-selector")
-export class RentableItemQtySelector extends LitElement {
-  static styles = commonAddonStyles;
-
-  @property({ type: Object })
-  rentableItem: RentableItemSummary | null = null;
-
-  @property({ type: Function })
-  onSelect: ((rentableItem: DesiredRentableItem) => void) | null = null;
-
-  @property({ type: Boolean, reflect: true })
-  disabled = false;
-
-  @state()
-  private quantity = 0;
-
-  @state()
-  selectedItemIds: Set<string> = new Set();
-
-  get totalAvailableItems(): number {
-    return (
-      this.rentableItem?.allItems?.filter((item) => item.available).length ?? 0
-    );
-  }
-
-  get totalInventory(): number {
-    return Math.min(
-      this.rentableItem?.allItems?.filter((item) => item.available).length ?? 0,
-      DEFAULT_MAX_QUANTITY
-    );
-  }
-
-  get quantityLeft(): number {
-    return this.totalInventory - this.quantity;
-  }
-
-  get atMaxUnits(): boolean {
-    return this.quantity >= this.totalAvailableItems;
-  }
-
-  get atMinUnits(): boolean {
-    return this.quantity <= 0;
-  }
-
-  private handleIncrement(): void {
-    if (this.disabled || this.atMaxUnits) return;
-    this.quantity += 1;
-    this.emitChange();
-  }
-
-  private handleDecrement(): void {
-    if (this.disabled || this.atMinUnits) return;
-    this.quantity = Math.max(0, this.quantity - 1);
-    this.emitChange();
-  }
-
-  private emitChange(): void {
-    if (!this.rentableItem) return;
-
-    const firstAvailableItem = this.rentableItem.allItems.find(
-      (item) => item.available && !this.selectedItemIds.has(item.id)
-    );
-
-    if (!firstAvailableItem) return;
-
-    this.selectedItemIds.add(firstAvailableItem.id);
-
-    this.onSelect?.({
-      id: firstAvailableItem.id,
-      type: this.rentableItem.type,
-    });
-  }
-
-  render(): TemplateResult {
-    if (!this.rentableItem) return html``;
-
-    const hasAvailableItems = this.totalAvailableItems > 0;
-
-    const incrementDisabled =
-      this.disabled || !hasAvailableItems || this.atMaxUnits;
-    const decrementDisabled = this.disabled || this.quantity <= 0;
-
-    return html`
-      <div class="addon-container">
-        <div class="addon-inner-container">
-          <div class="addon-header">
-            <div class="addon-header-left">
-              <p class="addon-title">${this.rentableItem.displayName}</p>
-            </div>
-
-            ${this.totalInventory > 0
-              ? html`
-                  <div class="addon-header-right">
-                    <p>${this.totalInventory} Max</p>
-                  </div>
-                `
-              : ""}
-          </div>
-
-          <simple-tooltip
-            tooltip="Please select a unit first"
-            .disabled=${this.disabled}
-          >
-            <div class="addon-body">
-              <div
-                class="quantity-control ${!hasAvailableItems || this.disabled
-                  ? "unavailable"
-                  : ""}"
-              >
-                <button
-                  class="quantity-button"
-                  @click=${this.handleDecrement}
-                  ?disabled=${decrementDisabled}
-                  aria-label="Decrease quantity"
-                >
-                  <span class="operator-sign">&minus;</span>
-                </button>
-                <span
-                  class="quantity-value ${this.disabled
-                    ? "unavailable-text"
-                    : ""}"
-                >
-                  ${hasAvailableItems ? this.quantity : "Not available"}
-                </span>
-                <button
-                  class="quantity-button"
-                  @click=${this.handleIncrement}
-                  ?disabled=${incrementDisabled}
-                  aria-label="Increase quantity"
-                >
-                  <span class="operator-sign">+</span>
-                </button>
-              </div>
-            </div>
-          </simple-tooltip>
-        </div>
-      </div>
-    `;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "rentable-item-qty-selector": RentableItemQtySelector;
-  }
-}