@dropins/storefront-quote-management 1.0.0-beta2 → 1.0.0-beta4

package/chunks/LineItemNoteModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineItemNoteModal.js","sources":["/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.tsx","/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx","/@dropins/storefront-quote-management/src/components/LineItemNoteModal/LineItemNoteModal.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ItemsQuoted/ItemsQuoted.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ItemsQuotedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  table?: VNode;\n  pricesSummary?: VNode;\n}\n\nexport const ItemsQuoted: FunctionComponent<ItemsQuotedProps> = ({\n  className,\n  loading,\n  table,\n  pricesSummary,\n  ...props\n}) => {\n  if (loading) {\n    return <ItemsQuotedSkeleton />;\n  }\n\n  return (\n    <div className={classes(['quote-management-items-quoted', className])} {...props}>\n      {table && (\n        <VComponent\n          node={table}\n          className={classes(['quote-management-items-quoted__table'])}\n          data-testid=\"quote-management-items-quoted__table\"\n        />\n      )}\n      {pricesSummary && (\n        <VComponent\n          node={pricesSummary}\n          className={classes(['quote-management-items-quoted__prices-summary'])}\n          data-testid=\"quote-management-items-quoted__prices-summary\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const ItemsQuotedSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"items-quoted-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"medium\" lines={4} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Table,\n  Checkbox,\n  Picker,\n  Price,\n  Button,\n  Input,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { getUserTimezone } from '@/quote-management/utils/dateUtils';\n\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\n\nexport interface ProductListTableItem {\n  uid: string;\n  product: {\n    name: string;\n    sku: string;\n  };\n  prices: {\n    originalItemPrice: {\n      value: number;\n      currency: string;\n    };\n    rowTotal: {\n      value: number;\n      currency: string;\n    };\n  };\n  quantity: number;\n  catalogDiscount?: {\n    amountOff: number;\n    percentOff: number;\n  };\n  configurableOptions?: Array<{\n    optionLabel: string;\n    valueLabel: string;\n  }>;\n  bundleOptions?: Array<{\n    label: string;\n    values: Array<{\n      label: string;\n      quantity: number;\n      originalPrice: {\n        value: number;\n        currency: string;\n      };\n    }>;\n  }>;\n  noteFromBuyer?: Array<{\n    createdAt: string;\n    creatorId: number;\n    creatorType: number;\n    negotiableQuoteItemUid: string;\n    note: string;\n    noteUid: string;\n  }>;\n}\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: ProductListTableItem[];\n  canEdit: boolean;\n  readOnly?: boolean;\n  showActions?: boolean;\n  onItemCheckboxChange?: (\n    item: ProductListTableItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (item: ProductListTableItem, action: string) => void;\n  onQuantityChange?: (item: ProductListTableItem, newQuantity: number) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  dropdownSelections?: Record<string, string | undefined>;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  canEdit,\n  readOnly = false,\n  showActions,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onQuantityChange,\n  onUpdate,\n  dropdownSelections,\n  ...props\n}) => {\n  // Track original quantities to detect changes\n  const [originalQuantities, setOriginalQuantities] = useState<\n    Record<string, number>\n  >({});\n  const [currentQuantities, setCurrentQuantities] = useState<\n    Record<string, number>\n  >({});\n\n  // Initialize quantities when items change\n  useEffect(() => {\n    const quantities: Record<string, number> = {};\n    items.forEach((item) => {\n      quantities[item.uid] = item.quantity;\n    });\n    setOriginalQuantities(quantities);\n    setCurrentQuantities(quantities);\n  }, [items]);\n\n  // Check if any quantities have changed\n  const hasQuantityChanges = Object.keys(currentQuantities).some(\n    (uid) => currentQuantities[uid] !== originalQuantities[uid]\n  );\n\n  const dictionary = useText({\n    updateButton: 'NegotiableQuote.Manage.productListTable.submitButton',\n    productNameHeader:\n      'NegotiableQuote.Manage.productListTable.headers.productName',\n    skuHeader: 'NegotiableQuote.Manage.productListTable.headers.sku',\n    priceHeader: 'NegotiableQuote.Manage.productListTable.headers.price',\n    quantityHeader: 'NegotiableQuote.Manage.productListTable.headers.quantity',\n    discountHeader: 'NegotiableQuote.Manage.productListTable.headers.discount',\n    subtotalHeader: 'NegotiableQuote.Manage.productListTable.headers.subtotal',\n    actionsHeader: 'NegotiableQuote.Manage.productListTable.headers.actions',\n    editNoteToSeller:\n      'NegotiableQuote.Manage.productListTable.actions.editNoteToSeller',\n    remove: 'NegotiableQuote.Manage.productListTable.actions.remove',\n    notesHeader: 'NegotiableQuote.Manage.productListTable.notes.header',\n    leftANote: 'NegotiableQuote.Manage.productListTable.notes.leftANote',\n    buyer: 'NegotiableQuote.Manage.productListTable.notes.buyer',\n  });\n\n  const columns = [\n    {\n      label: dictionary.productNameHeader,\n      key: 'productName',\n    },\n    {\n      label: dictionary.skuHeader,\n      key: 'sku',\n    },\n    {\n      label: dictionary.priceHeader,\n      key: 'price',\n    },\n    {\n      label: dictionary.quantityHeader,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountHeader,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalHeader,\n      key: 'subtotal',\n    },\n  ];\n\n  // Add checkbox column when canEdit (for bulk operations)\n  if (canEdit && !readOnly) {\n    columns.unshift({\n      label: '',\n      key: 'checkbox',\n    });\n  }\n\n  // Add actions column when showActions is explicitly true, or when canEdit is true and showActions is not explicitly false\n  const shouldShowActions = showActions ?? canEdit;\n  if (shouldShowActions && !readOnly) {\n    columns.push({\n      label: dictionary.actionsHeader,\n      key: 'actions',\n    });\n  }\n\n  const handleItemCheckboxChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleQuantityChange = (event: Event, item: ProductListTableItem) => {\n    const newQuantity = parseInt((event.target as HTMLInputElement).value, 10);\n    if (!isNaN(newQuantity) && newQuantity > 0) {\n      setCurrentQuantities((prev) => ({\n        ...prev,\n        [item.uid]: newQuantity,\n      }));\n      onQuantityChange?.(item, newQuantity);\n    }\n  };\n\n  const handleUpdate = (event: SubmitEvent) => {\n    event.preventDefault();\n    onUpdate?.(event);\n  };\n\n  const discountElement = (amountOff: number, percentOff: number) => {\n    return amountOff > 0 ? (\n      <div className=\"quote-management-product-list-table__discount-container\">\n        <span className=\"quote-management-product-list-table__discount-percent\">\n          {percentOff}%\n        </span>\n        <span className=\"quote-management-product-list-table__discount-price\">\n          (<Price amount={amountOff} />)\n        </span>\n      </div>\n    ) : undefined;\n  };\n\n  const getProductNameContent = (item: ProductListTableItem) => {\n    const configurableOptions = item.configurableOptions?.map((option) => (\n      <div\n        key={option.optionLabel}\n        className=\"quote-management-product-list-table__configurable-option\"\n      >\n        <span className=\"quote-management-product-list-table__configurable-option-label\">\n          {option.optionLabel}:\n        </span>\n        <span className=\"quote-management-product-list-table__configurable-option-value\">\n          {option.valueLabel}\n        </span>\n      </div>\n    ));\n\n    const bundleOptions = item.bundleOptions?.map((option) => (\n      <div\n        key={option.label}\n        className=\"quote-management-product-list-table__bundle-option\"\n      >\n        <span className=\"quote-management-product-list-table__bundle-option-label\">\n          {option.label}\n        </span>\n        <div className=\"quote-management-product-list-table__bundle-option-values\">\n          {option.values.map((value) => (\n            <span\n              key={value.label}\n              className=\"quote-management-product-list-table__bundle-option-value\"\n            >\n              <span className=\"quote-management-product-list-table__bundle-option-value-quantity\">\n                {value.quantity} x\n              </span>\n              <span className=\"quote-management-product-list-table__bundle-option-value-label\">\n                {value.label}\n              </span>\n              <Price\n                className=\"quote-management-product-list-table__bundle-option-value-original-price\"\n                amount={value.originalPrice.value}\n                currency={value.originalPrice.currency}\n                weight=\"normal\"\n              />\n            </span>\n          ))}\n        </div>\n      </div>\n    ));\n\n    return (\n      <div className=\"quote-management-product-list-table__product-name-container\">\n        <span className=\"quote-management-product-list-table__product-name\">\n          {item.product.name}\n        </span>\n        {configurableOptions}\n        {bundleOptions}\n      </div>\n    );\n  };\n\n  const formatNoteTimestamp = (timestamp: string) => {\n    const date = new Date(timestamp);\n    return date.toLocaleString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: true,\n      timeZone: getUserTimezone(),\n    });\n  };\n\n  const getNotesContent = (item: ProductListTableItem) => {\n    // Check if notes exist and have valid data\n    if (!item.noteFromBuyer || item.noteFromBuyer.length === 0) {\n      return null;\n    }\n\n    // Filter out notes with null or empty note text\n    const validNotes = item.noteFromBuyer.filter(\n      (note) => note && note.note && note.note.trim() !== ''\n    );\n\n    if (validNotes.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        className=\"quote-management-product-list-table__notes-container\"\n        data-testid={`item-notes-${item.product.sku}`}\n      >\n        <div className=\"quote-management-product-list-table__notes-header\">\n          {dictionary.notesHeader}\n        </div>\n        <div className=\"quote-management-product-list-table__notes-list\">\n          {validNotes.map((note, index) => (\n            <div\n              key={note.noteUid || index}\n              className=\"quote-management-product-list-table__note-item\"\n            >\n              <div className=\"quote-management-product-list-table__note-content\">\n                <strong className=\"quote-management-product-list-table__note-meta\">\n                  {/* TODO: When backend exposes creator_name for notes, replace (Buyer) with the actual name */}\n                  {formatNoteTimestamp(note.createdAt)} ({dictionary.buyer})\n                </strong>{' '}\n                {dictionary.leftANote}\n              </div>\n              <div className=\"quote-management-product-list-table__note-text\">\n                {note.note}{' '}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const rowData = items.flatMap((item) => {\n    const quantityElement = canEdit ? (\n      <Input\n        className=\"quote-management-product-list-table__quantity-input\"\n        type=\"number\"\n        min=\"1\"\n        value={\n          currentQuantities[item.uid]?.toString() || item.quantity.toString()\n        }\n        onChange={(e) => handleQuantityChange(e, item)}\n        disabled={readOnly || !canEdit}\n        data-testid={`quantity-input-${item.product.sku}`}\n      />\n    ) : (\n      <span className=\"quote-management-product-list-table__quantity\">\n        {item.quantity}\n      </span>\n    );\n\n    const productRow = {\n      checkbox: (\n        <Checkbox\n          className=\"quote-management-product-list-table__checkbox\"\n          name=\"itemSelected\"\n          data-testid={`item-checkbox-${item.product.sku}`}\n          onChange={(e) => handleItemCheckboxChange(e, item)}\n          value={item.product.sku}\n        />\n      ),\n      productName: getProductNameContent(item),\n      sku: (\n        <span className=\"quote-management-product-list-table__sku\">\n          {item.product.sku}\n        </span>\n      ),\n      price: (\n        <Price\n          className=\"quote-management-product-list-table__price\"\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      quantity: quantityElement,\n      discount: item.catalogDiscount\n        ? discountElement(\n            item.catalogDiscount.amountOff,\n            item.catalogDiscount.percentOff\n          )\n        : undefined,\n      subtotal: (\n        <Price\n          className=\"quote-management-product-list-table__subtotal\"\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n      actions: (\n        <Picker\n          className=\"quote-management-product-list-table__actions\"\n          data-testid={`item-dropdown-${item.product.sku}`}\n          name={`item-dropdown-${item.product.sku}`}\n          handleSelect={(e) => handleItemDropdownChange(e, item)}\n          placeholder=\"Select\"\n          value={dropdownSelections?.[item.uid] ?? ''}\n          options={[\n            { text: dictionary.editNoteToSeller, value: 'edit' },\n            { text: dictionary.remove, value: 'remove' },\n          ]}\n        />\n      ),\n    };\n\n    const notes = getNotesContent(item);\n\n    // If there are notes, create a notes row\n    if (notes) {\n      const notesRow = {\n        checkbox: '',\n        productName: (\n          <div className=\"quote-management-product-list-table__notes-row-wrapper\">\n            {notes}\n          </div>\n        ),\n        sku: '',\n        price: '',\n        quantity: '',\n        discount: '',\n        subtotal: '',\n        actions: '',\n      };\n      return [productRow, notesRow];\n    }\n\n    return [productRow];\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\n\n  // if can edit, the wrapper node should use the form element, else use the div element\n  const wrapperNode = canEdit ? h('form', {}) : h('div', {});\n  const wrapperProps = canEdit\n    ? {\n        onSubmit: handleUpdate,\n        ...props,\n      }\n    : props;\n\n  const submitButton = (\n    <Button\n      type=\"submit\"\n      disabled={readOnly || !canEdit || !hasQuantityChanges}\n      data-testid=\"product-list-table-submit-button\"\n    >\n      {dictionary.updateButton}\n    </Button>\n  );\n\n  return (\n    <VComponent\n      node={wrapperNode}\n      className={classes([\n        'quote-management-product-list-table-container',\n        className,\n      ])}\n      data-testid=\"product-list-table-container\"\n      {...wrapperProps}\n    >\n      {table}\n      <div className=\"quote-management-product-list-table-container__submit-container\">\n        {submitButton}\n      </div>\n    </VComponent>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n  \nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/QuotePricesSummary/QuotePricesSummary.css';\nimport { Accordion, AccordionSection } from '@adobe-commerce/elsie/components';\n\ninterface Entry {\n  label: string;\n  id: string;\n  value: VNode;\n  strong?: boolean;\n  children?: Entry[];\n}\n\nexport interface QuotePricesSummaryProps extends HTMLAttributes<HTMLDivElement> {\n  entries?: Entry[];\n}\n\nexport const QuotePricesSummary: FunctionComponent<QuotePricesSummaryProps> = ({\n  className,\n  entries,\n  ...props\n}) => {\n  const createEntry = (entry: Entry) => {\n    const children = entry.children?.map(createEntry);\n    return (\n      <div key={entry.id} className=\"quote-management-quote-prices-summary__entry\" data-testid={`quote-prices-summary-entry-${entry.id}`}>\n        {children ? <Accordion\n          className=\"quote-management-quote-prices-summary__accordion\"\n          data-testid={`quote-prices-summary-entry-accordion-${entry.id}`}\n        >\n          <AccordionSection className=\"quote-management-quote-prices-summary__accordion-section\" title={entry.label} ariaLabelTitle={entry.label} secondaryText={entry.value}>\n            {children}\n          </AccordionSection>\n        </Accordion>\n        :\n        <>\n          <span className={classes(['quote-management-quote-prices-summary__label', ['quote-management-quote-prices-summary__label--strong', entry.strong]])} data-testid={`quote-prices-summary-entry-label-${entry.id}`}>{entry.label}</span>\n          <span className=\"quote-management-quote-prices-summary__value\" data-testid={`quote-prices-summary-entry-value-${entry.id}`}>{entry.value}</span>\n        </>\n        }\n      </div>\n    );\n  };\n\n  return (\n    <div className={classes(['quote-management-quote-prices-summary', className])} data-testid=\"quote-prices-summary\" {...props}>\n      {entries?.map(createEntry)}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Button,\n  TextArea,\n  Input,\n  Modal,\n  Price,\n  Table,\n} from '@adobe-commerce/elsie/components';\nimport { NegotiableQuoteCartItem } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/LineItemNoteModal/LineItemNoteModal.css';\n\nexport interface LineItemNoteModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  open: boolean;\n  item: NegotiableQuoteCartItem;\n  onClose?: () => void;\n  onConfirm: (note: string, quantity: number) => void;\n  isSubmitting?: boolean;\n  errorBanner?: VNode;\n  successBanner?: VNode;\n  showCloseButton?: boolean;\n  readOnlyQuantity?: boolean;\n}\n\nexport const LineItemNoteModal: FunctionComponent<LineItemNoteModalProps> = ({\n  className,\n  open,\n  item,\n  onClose,\n  onConfirm,\n  isSubmitting = false,\n  errorBanner,\n  successBanner,\n  showCloseButton = true,\n  readOnlyQuantity = false,\n}) => {\n  const [note, setNote] = useState('');\n  const [quantity, setQuantity] = useState(item.quantity);\n  const [errors, setErrors] = useState<{ note?: string; quantity?: string }>(\n    {}\n  );\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Manage.lineItemNote.title',\n    productLabel: 'NegotiableQuote.Manage.lineItemNote.productLabel',\n    skuLabel: 'NegotiableQuote.Manage.lineItemNote.skuLabel',\n    priceLabel: 'NegotiableQuote.Manage.lineItemNote.priceLabel',\n    stockLabel: 'NegotiableQuote.Manage.lineItemNote.stockLabel',\n    quantityLabel: 'NegotiableQuote.Manage.lineItemNote.quantityLabel',\n    discountLabel: 'NegotiableQuote.Manage.lineItemNote.discountLabel',\n    subtotalLabel: 'NegotiableQuote.Manage.lineItemNote.subtotalLabel',\n    noteLabel: 'NegotiableQuote.Manage.lineItemNote.noteLabel',\n    notePlaceholder: 'NegotiableQuote.Manage.lineItemNote.notePlaceholder',\n    noteHelper: 'NegotiableQuote.Manage.lineItemNote.noteHelper',\n    confirmButton: 'NegotiableQuote.Manage.lineItemNote.confirmButton',\n    cancelButton: 'NegotiableQuote.Manage.lineItemNote.cancelButton',\n    noteError: 'NegotiableQuote.Manage.lineItemNote.noteError',\n    quantityError: 'NegotiableQuote.Manage.lineItemNote.quantityError',\n  });\n\n  // Reset form when modal opens with new item\n  useEffect(() => {\n    if (open) {\n      // Get the most recent valid note from buyer (if exists)\n      const validNotes =\n        item.noteFromBuyer?.filter((note) => note && note.note) || [];\n      const existingNote = validNotes.length > 0 ? validNotes[0].note : '';\n      setNote(existingNote || '');\n      setQuantity(item.quantity);\n      setErrors({});\n    }\n  }, [open, item.quantity, item.noteFromBuyer]);\n\n  const handleConfirm = useCallback(() => {\n    const newErrors: { note?: string; quantity?: string } = {};\n\n    // Check if the note field is empty\n    if (!note.trim()) {\n      newErrors.note = dictionary.noteError;\n    }\n\n    // Only validate quantity if it's editable\n    if (!readOnlyQuantity && quantity <= 0) {\n      newErrors.quantity = dictionary.quantityError;\n    }\n\n    if (Object.keys(newErrors).length > 0) {\n      setErrors(newErrors);\n      return;\n    }\n\n    onConfirm(note.trim(), quantity);\n  }, [note, quantity, onConfirm, dictionary, readOnlyQuantity]);\n\n  const handleCancel = useCallback(() => {\n    setNote('');\n    setQuantity(item.quantity);\n    setErrors({});\n    onClose?.();\n  }, [onClose, item.quantity]);\n\n  if (!open) {\n    return null;\n  }\n\n  // Calculate discount display\n  const hasDiscount = item.discounts && item.discounts.length > 0;\n  const discountDisplay = hasDiscount\n    ? item.discounts.map((d) => d.label).join(', ')\n    : '-';\n\n  // Define table columns\n  const columns = [\n    {\n      label: dictionary.productLabel,\n      key: 'productName',\n    },\n    {\n      label: dictionary.priceLabel,\n      key: 'price',\n    },\n    {\n      label: dictionary.stockLabel,\n      key: 'stock',\n    },\n    {\n      label: dictionary.quantityLabel,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountLabel,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalLabel,\n      key: 'subtotal',\n    },\n  ];\n\n  // Define table row data\n  const rowData = [\n    {\n      productName: (\n        <div className=\"quote-management-line-item-note-modal__product-info\">\n          <div className=\"quote-management-line-item-note-modal__product-name\">\n            {item.product.name}\n          </div>\n          <div className=\"quote-management-line-item-note-modal__product-sku\">\n            {dictionary.skuLabel}: {item.product.sku}\n          </div>\n        </div>\n      ),\n      price: (\n        <Price\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      stock: (\n        <span className=\"quote-management-line-item-note-modal__stock\">\n          {item.stockStatus}\n        </span>\n      ),\n      quantity: readOnlyQuantity ? (\n        <span className=\"quote-management-line-item-note-modal__quantity-readonly\">\n          {item.quantity}\n        </span>\n      ) : (\n        <Input\n          name=\"quantity\"\n          type=\"number\"\n          min=\"1\"\n          value={quantity.toString()}\n          onInput={(e: any) => {\n            const newQuantity = parseInt(e.target.value, 10) || 0;\n            setQuantity(newQuantity);\n            setErrors({ ...errors, quantity: undefined });\n          }}\n          disabled={isSubmitting}\n          error={!!errors.quantity}\n          required\n          data-testid=\"line-item-note-quantity-input\"\n          className=\"quote-management-line-item-note-modal__quantity-input\"\n        />\n      ),\n      discount: (\n        <span className=\"quote-management-line-item-note-modal__discount\">\n          {discountDisplay}\n        </span>\n      ),\n      subtotal: (\n        <Price\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <Modal\n      open={open}\n      size=\"medium\"\n      title={<>{dictionary.title}</>}\n      onClose={handleCancel}\n      clickToDismiss={true}\n      escapeToDismiss={true}\n      showCloseButton={showCloseButton}\n      className={classes(['quote-management-line-item-note-modal', className])}\n      data-testid=\"line-item-note-modal\"\n    >\n      {errorBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__error-banner\"\n          data-testid=\"line-item-note-modal-error-banner\"\n        >\n          {errorBanner}\n        </div>\n      )}\n\n      {successBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__success-banner\"\n          data-testid=\"line-item-note-modal-success-banner\"\n        >\n          {successBanner}\n        </div>\n      )}\n\n      <div className=\"quote-management-line-item-note-modal__content\">\n        {/* Product Details Table */}\n        <div className=\"quote-management-line-item-note-modal__details\">\n          <Table\n            columns={columns}\n            rowData={rowData}\n            data-testid=\"line-item-note-table\"\n            mobileLayout=\"stacked\"\n            className=\"quote-management-line-item-note-modal__details-table\"\n          />\n          {errors.quantity && (\n            <div className=\"quote-management-line-item-note-modal__table-error\">\n              {errors.quantity}\n            </div>\n          )}\n        </div>\n\n        {/* Note TextArea */}\n        <div className=\"quote-management-line-item-note-modal__form-field\">\n          <TextArea\n            name=\"note\"\n            placeholder={dictionary.notePlaceholder}\n            rows={4}\n            value={note}\n            onInput={(e: any) => {\n              setNote(e.target.value);\n              setErrors({ ...errors, note: undefined });\n            }}\n            label={dictionary.noteLabel}\n            disabled={isSubmitting}\n            data-testid=\"line-item-note-textarea\"\n          />\n          {!errors.note && (\n            <span className=\"quote-management-line-item-note-modal__helper-text\">\n              {dictionary.noteHelper}\n            </span>\n          )}\n          {errors.note && (\n            <span className=\"quote-management-line-item-note-modal__error-text\">\n              {errors.note}\n            </span>\n          )}\n        </div>\n      </div>\n\n      <div className=\"quote-management-line-item-note-modal__actions\">\n        <Button\n          variant=\"secondary\"\n          size=\"medium\"\n          onClick={handleCancel}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__cancel-button\"\n          data-testid=\"line-item-note-cancel-button\"\n        >\n          {dictionary.cancelButton}\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={handleConfirm}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__confirm-button\"\n          data-testid=\"line-item-note-confirm-button\"\n        >\n          {dictionary.confirmButton}\n        </Button>\n      </div>\n    </Modal>\n  );\n};\n"],"names":["ItemsQuoted","className","loading","table","pricesSummary","props","ItemsQuotedSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ProductListTable","items","canEdit","readOnly","showActions","onItemCheckboxChange","onItemDropdownChange","onQuantityChange","onUpdate","dropdownSelections","originalQuantities","setOriginalQuantities","useState","currentQuantities","setCurrentQuantities","useEffect","quantities","item","hasQuantityChanges","uid","dictionary","useText","columns","handleItemCheckboxChange","event","isSelected","handleItemDropdownChange","action","handleQuantityChange","newQuantity","prev","handleUpdate","discountElement","amountOff","percentOff","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","formatNoteTimestamp","timestamp","getUserTimezone","getNotesContent","validNotes","note","index","rowData","quantityElement","Input","e","productRow","Checkbox","Picker","notes","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment","LineItemNoteModal","open","onClose","onConfirm","isSubmitting","errorBanner","successBanner","showCloseButton","readOnlyQuantity","setNote","quantity","setQuantity","errors","setErrors","existingNote","handleConfirm","useCallback","newErrors","handleCancel","discountDisplay","d","Modal","TextArea"],"mappings":"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"}
+{"version":3,"file":"LineItemNoteModal.js","sources":["/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.tsx","/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx","/@dropins/storefront-quote-management/src/components/LineItemNoteModal/LineItemNoteModal.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ItemsQuoted/ItemsQuoted.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ItemsQuotedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  table?: VNode;\n  pricesSummary?: VNode;\n}\n\nexport const ItemsQuoted: FunctionComponent<ItemsQuotedProps> = ({\n  className,\n  loading,\n  table,\n  pricesSummary,\n  ...props\n}) => {\n  if (loading) {\n    return <ItemsQuotedSkeleton />;\n  }\n\n  return (\n    <div className={classes(['quote-management-items-quoted', className])} {...props}>\n      {table && (\n        <VComponent\n          node={table}\n          className={classes(['quote-management-items-quoted__table'])}\n          data-testid=\"quote-management-items-quoted__table\"\n        />\n      )}\n      {pricesSummary && (\n        <VComponent\n          node={pricesSummary}\n          className={classes(['quote-management-items-quoted__prices-summary'])}\n          data-testid=\"quote-management-items-quoted__prices-summary\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const ItemsQuotedSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"items-quoted-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"medium\" lines={4} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Table,\n  Checkbox,\n  Picker,\n  Price,\n  Button,\n  Input,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { getUserTimezone } from '@/quote-management/utils/dateUtils';\n\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\n\nexport interface ProductListTableItem {\n  uid: string;\n  product: {\n    name: string;\n    sku: string;\n  };\n  prices: {\n    originalItemPrice: {\n      value: number;\n      currency: string;\n    };\n    rowTotal: {\n      value: number;\n      currency: string;\n    };\n  };\n  quantity: number;\n  catalogDiscount?: {\n    amountOff: number;\n    percentOff: number;\n  };\n  configurableOptions?: Array<{\n    optionLabel: string;\n    valueLabel: string;\n  }>;\n  bundleOptions?: Array<{\n    label: string;\n    values: Array<{\n      label: string;\n      quantity: number;\n      originalPrice: {\n        value: number;\n        currency: string;\n      };\n    }>;\n  }>;\n  noteFromBuyer?: Array<{\n    createdAt: string;\n    creatorId: number;\n    creatorType: number;\n    negotiableQuoteItemUid: string;\n    note: string;\n    noteUid: string;\n  }>;\n}\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: ProductListTableItem[];\n  canEdit: boolean;\n  readOnly?: boolean;\n  showActions?: boolean;\n  onItemCheckboxChange?: (\n    item: ProductListTableItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (item: ProductListTableItem, action: string) => void;\n  onQuantityChange?: (item: ProductListTableItem, newQuantity: number) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  dropdownSelections?: Record<string, string | undefined>;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  canEdit,\n  readOnly = false,\n  showActions,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onQuantityChange,\n  onUpdate,\n  dropdownSelections,\n  ...props\n}) => {\n  // Track original quantities to detect changes\n  const [originalQuantities, setOriginalQuantities] = useState<\n    Record<string, number>\n  >({});\n  const [currentQuantities, setCurrentQuantities] = useState<\n    Record<string, number>\n  >({});\n\n  // Initialize quantities when items change\n  useEffect(() => {\n    const quantities: Record<string, number> = {};\n    items.forEach((item) => {\n      quantities[item.uid] = item.quantity;\n    });\n    setOriginalQuantities(quantities);\n    setCurrentQuantities(quantities);\n  }, [items]);\n\n  // Check if any quantities have changed\n  const hasQuantityChanges = Object.keys(currentQuantities).some(\n    (uid) => currentQuantities[uid] !== originalQuantities[uid]\n  );\n\n  const dictionary = useText({\n    updateButton: 'NegotiableQuote.Manage.productListTable.submitButton',\n    productNameHeader:\n      'NegotiableQuote.Manage.productListTable.headers.productName',\n    skuHeader: 'NegotiableQuote.Manage.productListTable.headers.sku',\n    priceHeader: 'NegotiableQuote.Manage.productListTable.headers.price',\n    quantityHeader: 'NegotiableQuote.Manage.productListTable.headers.quantity',\n    discountHeader: 'NegotiableQuote.Manage.productListTable.headers.discount',\n    subtotalHeader: 'NegotiableQuote.Manage.productListTable.headers.subtotal',\n    actionsHeader: 'NegotiableQuote.Manage.productListTable.headers.actions',\n    editNoteToSeller:\n      'NegotiableQuote.Manage.productListTable.actions.editNoteToSeller',\n    remove: 'NegotiableQuote.Manage.productListTable.actions.remove',\n    notesHeader: 'NegotiableQuote.Manage.productListTable.notes.header',\n    leftANote: 'NegotiableQuote.Manage.productListTable.notes.leftANote',\n    buyer: 'NegotiableQuote.Manage.productListTable.notes.buyer',\n  });\n\n  const columns = [\n    {\n      label: dictionary.productNameHeader,\n      key: 'productName',\n    },\n    {\n      label: dictionary.skuHeader,\n      key: 'sku',\n    },\n    {\n      label: dictionary.priceHeader,\n      key: 'price',\n    },\n    {\n      label: dictionary.quantityHeader,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountHeader,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalHeader,\n      key: 'subtotal',\n    },\n  ];\n\n  // Add checkbox column when canEdit (for bulk operations)\n  if (canEdit && !readOnly) {\n    columns.unshift({\n      label: '',\n      key: 'checkbox',\n    });\n  }\n\n  // Add actions column when showActions is explicitly true, or when canEdit is true and showActions is not explicitly false\n  const shouldShowActions = showActions ?? canEdit;\n  if (shouldShowActions && !readOnly) {\n    columns.push({\n      label: dictionary.actionsHeader,\n      key: 'actions',\n    });\n  }\n\n  const handleItemCheckboxChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleQuantityChange = (event: Event, item: ProductListTableItem) => {\n    const newQuantity = parseInt((event.target as HTMLInputElement).value, 10);\n    if (!isNaN(newQuantity) && newQuantity > 0) {\n      setCurrentQuantities((prev) => ({\n        ...prev,\n        [item.uid]: newQuantity,\n      }));\n      onQuantityChange?.(item, newQuantity);\n    }\n  };\n\n  const handleUpdate = (event: SubmitEvent) => {\n    event.preventDefault();\n    onUpdate?.(event);\n  };\n\n  const discountElement = (amountOff: number, percentOff: number) => {\n    return amountOff > 0 ? (\n      <div className=\"quote-management-product-list-table__discount-container\">\n        <span className=\"quote-management-product-list-table__discount-percent\">\n          {percentOff}%\n        </span>\n        <span className=\"quote-management-product-list-table__discount-price\">\n          (<Price amount={amountOff} />)\n        </span>\n      </div>\n    ) : undefined;\n  };\n\n  const getProductNameContent = (item: ProductListTableItem) => {\n    const configurableOptions = item.configurableOptions?.map((option) => (\n      <div\n        key={option.optionLabel}\n        className=\"quote-management-product-list-table__configurable-option\"\n      >\n        <span className=\"quote-management-product-list-table__configurable-option-label\">\n          {option.optionLabel}:\n        </span>\n        <span className=\"quote-management-product-list-table__configurable-option-value\">\n          {option.valueLabel}\n        </span>\n      </div>\n    ));\n\n    const bundleOptions = item.bundleOptions?.map((option) => (\n      <div\n        key={option.label}\n        className=\"quote-management-product-list-table__bundle-option\"\n      >\n        <span className=\"quote-management-product-list-table__bundle-option-label\">\n          {option.label}\n        </span>\n        <div className=\"quote-management-product-list-table__bundle-option-values\">\n          {option.values.map((value) => (\n            <span\n              key={value.label}\n              className=\"quote-management-product-list-table__bundle-option-value\"\n            >\n              <span className=\"quote-management-product-list-table__bundle-option-value-quantity\">\n                {value.quantity} x\n              </span>\n              <span className=\"quote-management-product-list-table__bundle-option-value-label\">\n                {value.label}\n              </span>\n              <Price\n                className=\"quote-management-product-list-table__bundle-option-value-original-price\"\n                amount={value.originalPrice.value}\n                currency={value.originalPrice.currency}\n                weight=\"normal\"\n              />\n            </span>\n          ))}\n        </div>\n      </div>\n    ));\n\n    return (\n      <div className=\"quote-management-product-list-table__product-name-container\">\n        <span className=\"quote-management-product-list-table__product-name\">\n          {item.product.name}\n        </span>\n        {configurableOptions}\n        {bundleOptions}\n      </div>\n    );\n  };\n\n  const formatNoteTimestamp = (timestamp: string) => {\n    const date = new Date(timestamp);\n    return date.toLocaleString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: true,\n      timeZone: getUserTimezone(),\n    });\n  };\n\n  const getNotesContent = (item: ProductListTableItem) => {\n    // Check if notes exist and have valid data\n    if (!item.noteFromBuyer || item.noteFromBuyer.length === 0) {\n      return null;\n    }\n\n    // Filter out notes with null or empty note text\n    const validNotes = item.noteFromBuyer.filter(\n      (note) => note && note.note && note.note.trim() !== ''\n    );\n\n    if (validNotes.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        className=\"quote-management-product-list-table__notes-container\"\n        data-testid={`item-notes-${item.product.sku}`}\n      >\n        <div className=\"quote-management-product-list-table__notes-header\">\n          {dictionary.notesHeader}\n        </div>\n        <div className=\"quote-management-product-list-table__notes-list\">\n          {validNotes.map((note, index) => (\n            <div\n              key={note.noteUid || index}\n              className=\"quote-management-product-list-table__note-item\"\n            >\n              <div className=\"quote-management-product-list-table__note-content\">\n                <strong className=\"quote-management-product-list-table__note-meta\">\n                  {/* TODO: When backend exposes creator_name for notes, replace (Buyer) with the actual name */}\n                  {formatNoteTimestamp(note.createdAt)} ({dictionary.buyer})\n                </strong>{' '}\n                {dictionary.leftANote}\n              </div>\n              <div className=\"quote-management-product-list-table__note-text\">\n                {note.note}{' '}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const rowData = items.flatMap((item) => {\n    const quantityElement = canEdit ? (\n      <Input\n        className=\"quote-management-product-list-table__quantity-input\"\n        type=\"number\"\n        min=\"1\"\n        value={\n          currentQuantities[item.uid]?.toString() || item.quantity.toString()\n        }\n        onChange={(e) => handleQuantityChange(e, item)}\n        disabled={readOnly || !canEdit}\n        data-testid={`quantity-input-${item.product.sku}`}\n      />\n    ) : (\n      <span className=\"quote-management-product-list-table__quantity\">\n        {item.quantity}\n      </span>\n    );\n\n    const productRow = {\n      checkbox: (\n        <Checkbox\n          className=\"quote-management-product-list-table__checkbox\"\n          name=\"itemSelected\"\n          data-testid={`item-checkbox-${item.product.sku}`}\n          onChange={(e) => handleItemCheckboxChange(e, item)}\n          value={item.product.sku}\n        />\n      ),\n      productName: getProductNameContent(item),\n      sku: (\n        <span className=\"quote-management-product-list-table__sku\">\n          {item.product.sku}\n        </span>\n      ),\n      price: (\n        <Price\n          className=\"quote-management-product-list-table__price\"\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      quantity: quantityElement,\n      discount: item.catalogDiscount\n        ? discountElement(\n            item.catalogDiscount.amountOff,\n            item.catalogDiscount.percentOff\n          )\n        : undefined,\n      subtotal: (\n        <Price\n          className=\"quote-management-product-list-table__subtotal\"\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n      actions: (\n        <Picker\n          className=\"quote-management-product-list-table__actions\"\n          data-testid={`item-dropdown-${item.product.sku}`}\n          name={`item-dropdown-${item.product.sku}`}\n          handleSelect={(e) => handleItemDropdownChange(e, item)}\n          placeholder=\"Select\"\n          value={dropdownSelections?.[item.uid] ?? ''}\n          options={[\n            { text: dictionary.editNoteToSeller, value: 'edit' },\n            { text: dictionary.remove, value: 'remove' },\n          ]}\n        />\n      ),\n    };\n\n    const notes = getNotesContent(item);\n\n    // If there are notes, create a notes row\n    if (notes) {\n      const notesRow = {\n        checkbox: '',\n        productName: (\n          <div className=\"quote-management-product-list-table__notes-row-wrapper\">\n            {notes}\n          </div>\n        ),\n        sku: '',\n        price: '',\n        quantity: '',\n        discount: '',\n        subtotal: '',\n        actions: '',\n      };\n      return [productRow, notesRow];\n    }\n\n    return [productRow];\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\n\n  // if can edit, the wrapper node should use the form element, else use the div element\n  const wrapperNode = canEdit ? h('form', {}) : h('div', {});\n  const wrapperProps = canEdit\n    ? {\n        onSubmit: handleUpdate,\n        ...props,\n      }\n    : props;\n\n  const submitButton = (\n    <Button\n      type=\"submit\"\n      disabled={readOnly || !canEdit || !hasQuantityChanges}\n      data-testid=\"product-list-table-submit-button\"\n    >\n      {dictionary.updateButton}\n    </Button>\n  );\n\n  return (\n    <VComponent\n      node={wrapperNode}\n      className={classes([\n        'quote-management-product-list-table-container',\n        className,\n      ])}\n      data-testid=\"product-list-table-container\"\n      {...wrapperProps}\n    >\n      {table}\n      <div className=\"quote-management-product-list-table-container__submit-container\">\n        {submitButton}\n      </div>\n    </VComponent>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n  \nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/QuotePricesSummary/QuotePricesSummary.css';\nimport { Accordion, AccordionSection } from '@adobe-commerce/elsie/components';\n\ninterface Entry {\n  label: string;\n  id: string;\n  value: VNode;\n  strong?: boolean;\n  children?: Entry[];\n}\n\nexport interface QuotePricesSummaryProps extends HTMLAttributes<HTMLDivElement> {\n  entries?: Entry[];\n}\n\nexport const QuotePricesSummary: FunctionComponent<QuotePricesSummaryProps> = ({\n  className,\n  entries,\n  ...props\n}) => {\n  const createEntry = (entry: Entry) => {\n    const children = entry.children?.map(createEntry);\n    return (\n      <div key={entry.id} className=\"quote-management-quote-prices-summary__entry\" data-testid={`quote-prices-summary-entry-${entry.id}`}>\n        {children ? <Accordion\n          className=\"quote-management-quote-prices-summary__accordion\"\n          data-testid={`quote-prices-summary-entry-accordion-${entry.id}`}\n        >\n          <AccordionSection className=\"quote-management-quote-prices-summary__accordion-section\" title={entry.label} ariaLabelTitle={entry.label} secondaryText={entry.value}>\n            {children}\n          </AccordionSection>\n        </Accordion>\n        :\n        <>\n          <span className={classes(['quote-management-quote-prices-summary__label', ['quote-management-quote-prices-summary__label--strong', entry.strong]])} data-testid={`quote-prices-summary-entry-label-${entry.id}`}>{entry.label}</span>\n          <span className=\"quote-management-quote-prices-summary__value\" data-testid={`quote-prices-summary-entry-value-${entry.id}`}>{entry.value}</span>\n        </>\n        }\n      </div>\n    );\n  };\n\n  return (\n    <div className={classes(['quote-management-quote-prices-summary', className])} data-testid=\"quote-prices-summary\" {...props}>\n      {entries?.map(createEntry)}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Button,\n  TextArea,\n  Input,\n  Modal,\n  Price,\n  Table,\n} from '@adobe-commerce/elsie/components';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/LineItemNoteModal/LineItemNoteModal.css';\n\nexport interface LineItemNoteModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  open: boolean;\n  item: CartItemModel;\n  onClose?: () => void;\n  onConfirm: (note: string, quantity: number) => void;\n  isSubmitting?: boolean;\n  errorBanner?: VNode;\n  successBanner?: VNode;\n  showCloseButton?: boolean;\n  readOnlyQuantity?: boolean;\n}\n\nexport const LineItemNoteModal: FunctionComponent<LineItemNoteModalProps> = ({\n  className,\n  open,\n  item,\n  onClose,\n  onConfirm,\n  isSubmitting = false,\n  errorBanner,\n  successBanner,\n  showCloseButton = true,\n  readOnlyQuantity = false,\n}) => {\n  const [note, setNote] = useState('');\n  const [quantity, setQuantity] = useState(item.quantity);\n  const [errors, setErrors] = useState<{ note?: string; quantity?: string }>(\n    {}\n  );\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Manage.lineItemNote.title',\n    productLabel: 'NegotiableQuote.Manage.lineItemNote.productLabel',\n    skuLabel: 'NegotiableQuote.Manage.lineItemNote.skuLabel',\n    priceLabel: 'NegotiableQuote.Manage.lineItemNote.priceLabel',\n    stockLabel: 'NegotiableQuote.Manage.lineItemNote.stockLabel',\n    quantityLabel: 'NegotiableQuote.Manage.lineItemNote.quantityLabel',\n    discountLabel: 'NegotiableQuote.Manage.lineItemNote.discountLabel',\n    subtotalLabel: 'NegotiableQuote.Manage.lineItemNote.subtotalLabel',\n    noteLabel: 'NegotiableQuote.Manage.lineItemNote.noteLabel',\n    notePlaceholder: 'NegotiableQuote.Manage.lineItemNote.notePlaceholder',\n    noteHelper: 'NegotiableQuote.Manage.lineItemNote.noteHelper',\n    confirmButton: 'NegotiableQuote.Manage.lineItemNote.confirmButton',\n    cancelButton: 'NegotiableQuote.Manage.lineItemNote.cancelButton',\n    noteError: 'NegotiableQuote.Manage.lineItemNote.noteError',\n    quantityError: 'NegotiableQuote.Manage.lineItemNote.quantityError',\n  });\n\n  // Reset form when modal opens with new item\n  useEffect(() => {\n    if (open) {\n      // Get the most recent valid note from buyer (if exists)\n      const validNotes =\n        item.noteFromBuyer?.filter((note) => note && note.note) || [];\n      const existingNote = validNotes.length > 0 ? validNotes[0].note : '';\n      setNote(existingNote || '');\n      setQuantity(item.quantity);\n      setErrors({});\n    }\n  }, [open, item.quantity, item.noteFromBuyer]);\n\n  const handleConfirm = useCallback(() => {\n    const newErrors: { note?: string; quantity?: string } = {};\n\n    // Check if the note field is empty\n    if (!note.trim()) {\n      newErrors.note = dictionary.noteError;\n    }\n\n    // Only validate quantity if it's editable\n    if (!readOnlyQuantity && quantity <= 0) {\n      newErrors.quantity = dictionary.quantityError;\n    }\n\n    if (Object.keys(newErrors).length > 0) {\n      setErrors(newErrors);\n      return;\n    }\n\n    onConfirm(note.trim(), quantity);\n  }, [note, quantity, onConfirm, dictionary, readOnlyQuantity]);\n\n  const handleCancel = useCallback(() => {\n    setNote('');\n    setQuantity(item.quantity);\n    setErrors({});\n    onClose?.();\n  }, [onClose, item.quantity]);\n\n  if (!open) {\n    return null;\n  }\n\n  // Calculate discount display\n  const hasDiscount = item.discounts && item.discounts.length > 0;\n  const discountDisplay = hasDiscount\n    ? item.discounts.map((d) => d.label).join(', ')\n    : '-';\n\n  // Define table columns\n  const columns = [\n    {\n      label: dictionary.productLabel,\n      key: 'productName',\n    },\n    {\n      label: dictionary.priceLabel,\n      key: 'price',\n    },\n    {\n      label: dictionary.stockLabel,\n      key: 'stock',\n    },\n    {\n      label: dictionary.quantityLabel,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountLabel,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalLabel,\n      key: 'subtotal',\n    },\n  ];\n\n  // Define table row data\n  const rowData = [\n    {\n      productName: (\n        <div className=\"quote-management-line-item-note-modal__product-info\">\n          <div className=\"quote-management-line-item-note-modal__product-name\">\n            {item.product.name}\n          </div>\n          <div className=\"quote-management-line-item-note-modal__product-sku\">\n            {dictionary.skuLabel}: {item.product.sku}\n          </div>\n        </div>\n      ),\n      price: (\n        <Price\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      stock: (\n        <span className=\"quote-management-line-item-note-modal__stock\">\n          {item.stockStatus}\n        </span>\n      ),\n      quantity: readOnlyQuantity ? (\n        <span className=\"quote-management-line-item-note-modal__quantity-readonly\">\n          {item.quantity}\n        </span>\n      ) : (\n        <Input\n          name=\"quantity\"\n          type=\"number\"\n          min=\"1\"\n          value={quantity.toString()}\n          onInput={(e: any) => {\n            const newQuantity = parseInt(e.target.value, 10) || 0;\n            setQuantity(newQuantity);\n            setErrors({ ...errors, quantity: undefined });\n          }}\n          disabled={isSubmitting}\n          error={!!errors.quantity}\n          required\n          data-testid=\"line-item-note-quantity-input\"\n          className=\"quote-management-line-item-note-modal__quantity-input\"\n        />\n      ),\n      discount: (\n        <span className=\"quote-management-line-item-note-modal__discount\">\n          {discountDisplay}\n        </span>\n      ),\n      subtotal: (\n        <Price\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <Modal\n      open={open}\n      size=\"medium\"\n      title={<>{dictionary.title}</>}\n      onClose={handleCancel}\n      clickToDismiss={true}\n      escapeToDismiss={true}\n      showCloseButton={showCloseButton}\n      className={classes(['quote-management-line-item-note-modal', className])}\n      data-testid=\"line-item-note-modal\"\n    >\n      {errorBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__error-banner\"\n          data-testid=\"line-item-note-modal-error-banner\"\n        >\n          {errorBanner}\n        </div>\n      )}\n\n      {successBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__success-banner\"\n          data-testid=\"line-item-note-modal-success-banner\"\n        >\n          {successBanner}\n        </div>\n      )}\n\n      <div className=\"quote-management-line-item-note-modal__content\">\n        {/* Product Details Table */}\n        <div className=\"quote-management-line-item-note-modal__details\">\n          <Table\n            columns={columns}\n            rowData={rowData}\n            data-testid=\"line-item-note-table\"\n            mobileLayout=\"stacked\"\n            className=\"quote-management-line-item-note-modal__details-table\"\n          />\n          {errors.quantity && (\n            <div className=\"quote-management-line-item-note-modal__table-error\">\n              {errors.quantity}\n            </div>\n          )}\n        </div>\n\n        {/* Note TextArea */}\n        <div className=\"quote-management-line-item-note-modal__form-field\">\n          <TextArea\n            name=\"note\"\n            placeholder={dictionary.notePlaceholder}\n            rows={4}\n            value={note}\n            onInput={(e: any) => {\n              setNote(e.target.value);\n              setErrors({ ...errors, note: undefined });\n            }}\n            label={dictionary.noteLabel}\n            disabled={isSubmitting}\n            data-testid=\"line-item-note-textarea\"\n          />\n          {!errors.note && (\n            <span className=\"quote-management-line-item-note-modal__helper-text\">\n              {dictionary.noteHelper}\n            </span>\n          )}\n          {errors.note && (\n            <span className=\"quote-management-line-item-note-modal__error-text\">\n              {errors.note}\n            </span>\n          )}\n        </div>\n      </div>\n\n      <div className=\"quote-management-line-item-note-modal__actions\">\n        <Button\n          variant=\"secondary\"\n          size=\"medium\"\n          onClick={handleCancel}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__cancel-button\"\n          data-testid=\"line-item-note-cancel-button\"\n        >\n          {dictionary.cancelButton}\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={handleConfirm}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__confirm-button\"\n          data-testid=\"line-item-note-confirm-button\"\n        >\n          {dictionary.confirmButton}\n        </Button>\n      </div>\n    </Modal>\n  );\n};\n"],"names":["ItemsQuoted","className","loading","table","pricesSummary","props","ItemsQuotedSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ProductListTable","items","canEdit","readOnly","showActions","onItemCheckboxChange","onItemDropdownChange","onQuantityChange","onUpdate","dropdownSelections","originalQuantities","setOriginalQuantities","useState","currentQuantities","setCurrentQuantities","useEffect","quantities","item","hasQuantityChanges","uid","dictionary","useText","columns","handleItemCheckboxChange","event","isSelected","handleItemDropdownChange","action","handleQuantityChange","newQuantity","prev","handleUpdate","discountElement","amountOff","percentOff","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","formatNoteTimestamp","timestamp","getUserTimezone","getNotesContent","validNotes","note","index","rowData","quantityElement","Input","e","productRow","Checkbox","Picker","notes","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment","LineItemNoteModal","open","onClose","onConfirm","isSubmitting","errorBanner","successBanner","showCloseButton","readOnlyQuantity","setNote","quantity","setQuantity","errors","setErrors","existingNote","handleConfirm","useCallback","newErrors","handleCancel","discountDisplay","d","Modal","TextArea"],"mappings":"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"}

package/chunks/NegotiableQuoteTemplateFragment.js

@@ -28,26 +28,84 @@ const e=`
       }
     }
     items {
+      __typename
       uid
       product {
         name
         sku
         uid
         stock_status
+        quantity
+        thumbnail {
+          label
+          url
+        }
+        price_range {
+          minimum_price {
+            regular_price {
+              value
+              currency
+            }
+            final_price {
+              value
+              currency
+            }
+            discount {
+              percent_off
+              amount_off
+            }
+          }
+          maximum_price {
+            regular_price {
+              value
+              currency
+            }
+            final_price {
+              value
+              currency
+            }
+            discount {
+              percent_off
+              amount_off
+            }
+          }
+        }
+        price_tiers {
+          quantity
+          final_price {
+            value
+          }
+          discount {
+            amount_off
+            percent_off
+          }
+        }
       }
       prices {
         price {
           currency
           value
         }
+        price_including_tax {
+          value
+          currency
+        }
         original_item_price {
           currency
           value
         }
+        original_row_total {
+          currency
+          value
+        }
         row_total {
           currency
           value
         }
+        row_total_including_tax {
+          value
+          currency
+        }
         catalog_discount {
           amount_off
           percent_off
@@ -62,27 +120,97 @@ const e=`
         }
       }
       quantity
+      is_available
       note_from_buyer {
         created_at
         creator_id
         creator_type
-        # negotiable_quote_template_item_uid
+        negotiable_quote_item_uid
         note
         note_uid
+        __typename
       }
       note_from_seller {
         created_at
         creator_id
         creator_type
-        # negotiable_quote_template_item_uid
+        negotiable_quote_item_uid
         note
         note_uid
+        __typename
+      }
+      ... on SimpleCartItem {
+        customizable_options {
+          type
+          label
+          values {
+            label
+            value
+          }
+        }
       }
       ... on ConfigurableCartItem {
         configurable_options {
           option_label
           value_label
         }
+        configured_variant {
+          uid
+          sku
+          stock_status
+          thumbnail {
+            label
+            url
+          }
+          price_range {
+            minimum_price {
+              regular_price {
+                value
+                currency
+              }
+              final_price {
+                value
+                currency
+              }
+              discount {
+                percent_off
+                amount_off
+              }
+            }
+            maximum_price {
+              regular_price {
+                value
+                currency
+              }
+              final_price {
+                value
+                currency
+              }
+              discount {
+                percent_off
+                amount_off
+              }
+            }
+          }
+          price_tiers {
+            quantity
+            final_price {
+              value
+            }
+            discount {
+              amount_off
+              percent_off
+            }
+          }
+        }
+        customizable_options {
+          type
+          label
+          values {
+            label
+            value
+          }
+        }
       }
       ... on BundleCartItem {
         bundle_options {
@@ -101,6 +229,20 @@ const e=`
           }
         }
       }
+      ... on DownloadableCartItem {
+        links {
+          sort_order
+          title
+        }
+        customizable_options {
+          type
+          label
+          values {
+            label
+            value
+          }
+        }
+      }
     }
     history {
       uid

package/chunks/NegotiableQuoteTemplateFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"NegotiableQuoteTemplateFragment.js","sources":["/@dropins/storefront-quote-management/src/api/graphql/NegotiableQuoteTemplateFragment.ts"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nexport const NEGOTIABLE_QUOTE_TEMPLATE_FRAGMENT = /* GraphQL */ `\n  fragment NegotiableQuoteTemplateFragment on NegotiableQuoteTemplate {\n    # uid\n    template_id\n    name\n    # created_at\n    # updated_at\n    status\n    # sales_rep_name\n    expiration_date\n    buyer {\n      firstname\n      lastname\n    }\n    comments {\n      uid\n      created_at\n      author {\n        firstname\n        lastname\n      }\n      text\n      attachments {\n        name\n        url\n      }\n    }\n    items {\n      uid\n      product {\n        name\n        sku\n        uid\n        stock_status\n      }\n      prices {\n        price {\n          currency\n          value\n        }\n        original_item_price {\n          currency\n          value\n        }\n        row_total {\n          currency\n          value\n        }\n        catalog_discount {\n          amount_off\n          percent_off\n        }\n        discounts {\n          label\n          value\n          amount {\n            currency\n            value\n          }\n        }\n      }\n      quantity\n      note_from_buyer {\n        created_at\n        creator_id\n        creator_type\n        # negotiable_quote_template_item_uid\n        note\n        note_uid\n      }\n      note_from_seller {\n        created_at\n        creator_id\n        creator_type\n        # negotiable_quote_template_item_uid\n        note\n        note_uid\n      }\n      ... on ConfigurableCartItem {\n        configurable_options {\n          option_label\n          value_label\n        }\n      }\n      ... on BundleCartItem {\n        bundle_options {\n          label\n          values {\n            label\n            quantity\n            original_price {\n              currency\n              value\n            }\n            priceV2 {\n              currency\n              value\n            }\n          }\n        }\n      }\n    }\n    history {\n      uid\n      created_at\n      author {\n        firstname\n        lastname\n      }\n      change_type\n      changes {\n        comment_added {\n          comment\n        }\n        custom_changes {\n          new_value\n          old_value\n          title\n        }\n        statuses {\n          changes {\n            new_status\n            old_status\n          }\n        }\n        expiration {\n          new_expiration\n          old_expiration\n        }\n        total {\n          new_price {\n            currency\n            value\n          }\n          old_price {\n            currency\n            value\n          }\n        }\n      }\n    }\n    prices {\n      subtotal_excluding_tax {\n        currency\n        value\n      }\n      subtotal_including_tax {\n        currency\n        value\n      }\n      subtotal_with_discount_excluding_tax {\n        currency\n        value\n      }\n      applied_taxes {\n        amount {\n          currency\n          value\n        }\n        label\n      }\n      grand_total {\n        currency\n        value\n      }\n    }\n    shipping_addresses {\n      uid\n      firstname\n      lastname\n      company\n      street\n      city\n      region {\n        code\n        label\n        region_id\n      }\n      postcode\n      country {\n        code\n        label\n      }\n      telephone\n    }\n    reference_document_links {\n      link_id\n      document_name\n      document_identifier\n      reference_document_url\n    }\n  }\n`;\n"],"names":["NEGOTIABLE_QUOTE_TEMPLATE_FRAGMENT"],"mappings":"AASO,MAAMA,EAAmD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"NegotiableQuoteTemplateFragment.js","sources":["/@dropins/storefront-quote-management/src/api/graphql/NegotiableQuoteTemplateFragment.ts"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nexport const NEGOTIABLE_QUOTE_TEMPLATE_FRAGMENT = /* GraphQL */ `\n  fragment NegotiableQuoteTemplateFragment on NegotiableQuoteTemplate {\n    # uid\n    template_id\n    name\n    # created_at\n    # updated_at\n    status\n    # sales_rep_name\n    expiration_date\n    buyer {\n      firstname\n      lastname\n    }\n    comments {\n      uid\n      created_at\n      author {\n        firstname\n        lastname\n      }\n      text\n      attachments {\n        name\n        url\n      }\n    }\n    items {\n      __typename\n      uid\n      product {\n        name\n        sku\n        uid\n        stock_status\n        quantity\n        thumbnail {\n          label\n          url\n        }\n        price_range {\n          minimum_price {\n            regular_price {\n              value\n              currency\n            }\n            final_price {\n              value\n              currency\n            }\n            discount {\n              percent_off\n              amount_off\n            }\n          }\n          maximum_price {\n            regular_price {\n              value\n              currency\n            }\n            final_price {\n              value\n              currency\n            }\n            discount {\n              percent_off\n              amount_off\n            }\n          }\n        }\n        price_tiers {\n          quantity\n          final_price {\n            value\n          }\n          discount {\n            amount_off\n            percent_off\n          }\n        }\n      }\n      prices {\n        price {\n          currency\n          value\n        }\n        price_including_tax {\n          value\n          currency\n        }\n        original_item_price {\n          currency\n          value\n        }\n        original_row_total {\n          currency\n          value\n        }\n        row_total {\n          currency\n          value\n        }\n        row_total_including_tax {\n          value\n          currency\n        }\n        catalog_discount {\n          amount_off\n          percent_off\n        }\n        discounts {\n          label\n          value\n          amount {\n            currency\n            value\n          }\n        }\n      }\n      quantity\n      is_available\n      note_from_buyer {\n        created_at\n        creator_id\n        creator_type\n        negotiable_quote_item_uid\n        note\n        note_uid\n        __typename\n      }\n      note_from_seller {\n        created_at\n        creator_id\n        creator_type\n        negotiable_quote_item_uid\n        note\n        note_uid\n        __typename\n      }\n      ... on SimpleCartItem {\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on ConfigurableCartItem {\n        configurable_options {\n          option_label\n          value_label\n        }\n        configured_variant {\n          uid\n          sku\n          stock_status\n          thumbnail {\n            label\n            url\n          }\n          price_range {\n            minimum_price {\n              regular_price {\n                value\n                currency\n              }\n              final_price {\n                value\n                currency\n              }\n              discount {\n                percent_off\n                amount_off\n              }\n            }\n            maximum_price {\n              regular_price {\n                value\n                currency\n              }\n              final_price {\n                value\n                currency\n              }\n              discount {\n                percent_off\n                amount_off\n              }\n            }\n          }\n          price_tiers {\n            quantity\n            final_price {\n              value\n            }\n            discount {\n              amount_off\n              percent_off\n            }\n          }\n        }\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on BundleCartItem {\n        bundle_options {\n          label\n          values {\n            label\n            quantity\n            original_price {\n              currency\n              value\n            }\n            priceV2 {\n              currency\n              value\n            }\n          }\n        }\n      }\n      ... on DownloadableCartItem {\n        links {\n          sort_order\n          title\n        }\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n    }\n    history {\n      uid\n      created_at\n      author {\n        firstname\n        lastname\n      }\n      change_type\n      changes {\n        comment_added {\n          comment\n        }\n        custom_changes {\n          new_value\n          old_value\n          title\n        }\n        statuses {\n          changes {\n            new_status\n            old_status\n          }\n        }\n        expiration {\n          new_expiration\n          old_expiration\n        }\n        total {\n          new_price {\n            currency\n            value\n          }\n          old_price {\n            currency\n            value\n          }\n        }\n      }\n    }\n    prices {\n      subtotal_excluding_tax {\n        currency\n        value\n      }\n      subtotal_including_tax {\n        currency\n        value\n      }\n      subtotal_with_discount_excluding_tax {\n        currency\n        value\n      }\n      applied_taxes {\n        amount {\n          currency\n          value\n        }\n        label\n      }\n      grand_total {\n        currency\n        value\n      }\n    }\n    shipping_addresses {\n      uid\n      firstname\n      lastname\n      company\n      street\n      city\n      region {\n        code\n        label\n        region_id\n      }\n      postcode\n      country {\n        code\n        label\n      }\n      telephone\n    }\n    reference_document_links {\n      link_id\n      document_name\n      document_identifier\n      reference_document_url\n    }\n  }\n`;\n"],"names":["NEGOTIABLE_QUOTE_TEMPLATE_FRAGMENT"],"mappings":"AASO,MAAMA,EAAmD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/chunks/RenameQuoteModal.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import*as v from"@dropins/tools/preact-compat.js";import{useState as p,useMemo as f}from"@dropins/tools/preact-compat.js";import{jsx as e,jsxs as d,Fragment as k}from"@dropins/tools/preact-jsx-runtime.js";import{classes as a,VComponent as N}from"@dropins/tools/lib.js";/* empty css                      */import{Picker as x,Modal as L,Input as T,TextArea as M,Button as _}from"@dropins/tools/components.js";import{useText as y}from"@dropins/tools/i18n.js";const S=i=>v.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round",className:"feather feather-edit-2",...i},v.createElement("path",{d:"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"})),j=({className:i,dropdownPlaceholder:m,dropdownOptions:n,dropdownValue:c,handleDropdownChange:s,buttons:t,...l})=>{const b=n&&n.length>0,u=t&&t.length>0,o=(n==null?void 0:n.map(r=>({text:r.label,value:r.value})))||[];return o.unshift({text:m||"",value:""}),e("div",{className:"quote-management-actions-bar__container","data-testid":"actions-bar-container",children:d("div",{className:a(["quote-management-actions-bar",i]),"data-testid":"actions-bar",...l,children:[b&&e(x,{name:"dropdown",id:"dropdown",handleSelect:s,className:"quote-management-actions-bar__dropdown","data-testid":"dropdown",options:o,value:c||""},`actions-bar-picker-${c||"empty"}`),u&&e("div",{className:"quote-management-actions-bar__buttons","data-testid":"buttons-container",children:t==null?void 0:t.map((r,q)=>e(N,{node:r,className:a(["quote-management-actions-bar__button"])},q))})]})})},D=({className:i,tabs:m,tabsContent:n,defaultActiveTab:c,...s})=>{const[t,l]=p(c||Array.from(m.keys())[0]),b=o=>{l(o)},u=f(()=>n.get(t),[t,n]);return d("div",{...s,className:a(["quote-management-tabbed-content",i]),children:[m&&e("div",{"data-testid":"tabbed-content-tabs",className:a(["quote-management-tabbed-content__tabs"]),children:Array.from(m.entries()).map(([o,r])=>e("button",{className:a(["quote-management-tabbed-content__tab",["quote-management-tabbed-content__tab--active",o===t]]),onClick:()=>b(o),children:r},o))}),u&&e("div",{className:a(["quote-management-tabbed-content__active-tab-content"]),children:e(N,{node:u})})]})},I=({className:i,open:m,quoteName:n,renameReason:c,quoteNameError:s,errorBanner:t,successBanner:l,showCloseButton:b=!0,onQuoteNameChange:u,onRenameReasonChange:o,onSave:r,onClose:q})=>{const g=y({title:"NegotiableQuote.Manage.rename.title",quoteNameLabel:"NegotiableQuote.Manage.rename.quoteNameLabel",reasonLabel:"NegotiableQuote.Manage.rename.reasonLabel",renameButton:"NegotiableQuote.Manage.rename.renameButton",cancelButton:"NegotiableQuote.Manage.rename.cancelButton"});return m?d(L,{open:m,size:"medium",title:e(k,{children:g.title}),onClose:q,clickToDismiss:!0,escapeToDismiss:!0,showCloseButton:b,className:a(["quote-management-rename-quote-modal",i]),"data-testid":"rename-quote-modal",children:[t&&e("div",{className:a(["quote-management-rename-quote-modal__error-banner"]),"data-testid":"rename-quote-modal-error-banner",children:t}),l&&e("div",{className:a(["quote-management-rename-quote-modal__success-banner"]),"data-testid":"rename-quote-modal-success-banner",children:l}),d("div",{className:a(["quote-management-rename-quote-modal__content"]),children:[d("div",{children:[e(T,{name:"quoteName",type:"text",value:n,onInput:h=>u(h.target.value),floatingLabel:g.quoteNameLabel,required:!0,error:!!s}),s&&e("span",{className:a(["quote-management-rename-quote-modal__error-text"]),children:s})]}),e(M,{name:"quoteComment",value:c,onInput:h=>o(h.target.value),label:g.reasonLabel,rows:3})]}),d("div",{className:a(["quote-management-rename-quote-modal__actions"]),children:[e(_,{variant:"secondary",size:"medium",onClick:q,className:a(["quote-management-rename-quote-modal__cancel-button"]),children:g.cancelButton}),e(_,{variant:"primary",size:"medium",onClick:r,className:a(["quote-management-rename-quote-modal__save-button"]),children:g.renameButton})]})]}):null};export{j as A,I as R,S,D as T};
+//# sourceMappingURL=RenameQuoteModal.js.map

package/chunks/RenameQuoteModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenameQuoteModal.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Edit.svg","/@dropins/storefront-quote-management/src/components/ActionsBar/ActionsBar.tsx","/@dropins/storefront-quote-management/src/components/TabbedContent/TabbedContent.tsx","/@dropins/storefront-quote-management/src/components/RenameQuoteModal/RenameQuoteModal.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgEdit = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 1, strokeLinecap: \"round\", strokeLinejoin: \"round\", className: \"feather feather-edit-2\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\" }));\nexport default SvgEdit;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ActionsBar/ActionsBar.css';\nimport { Picker } from '@adobe-commerce/elsie/components';\n\nexport interface ActionsBarProps extends HTMLAttributes<HTMLDivElement> {\n  dropdownPlaceholder?: string;\n  dropdownOptions?: {\n    label: string;\n    value: string;\n  }[];\n  dropdownValue?: string;\n  handleDropdownChange?: (event: Event) => void;\n  buttons?: VNode[];\n}\n\nexport const ActionsBar: FunctionComponent<ActionsBarProps> = ({\n  className,\n  dropdownPlaceholder,\n  dropdownOptions,\n  dropdownValue,\n  handleDropdownChange,\n  buttons,\n  ...props\n}) => {\n  const hasDropdown = dropdownOptions && dropdownOptions.length > 0;\n  const hasButtons = buttons && buttons.length > 0;\n\n  const pickerOptions =\n    dropdownOptions?.map((option) => ({\n      text: option.label,\n      value: option.value,\n    })) || [];\n  pickerOptions.unshift({\n    text: dropdownPlaceholder || '',\n    value: '',\n  });\n\n  return (\n    <div\n      className=\"quote-management-actions-bar__container\"\n      data-testid=\"actions-bar-container\"\n    >\n      <div\n        className={classes(['quote-management-actions-bar', className])}\n        data-testid=\"actions-bar\"\n        {...props}\n      >\n        {hasDropdown && (\n          <Picker\n            key={`actions-bar-picker-${dropdownValue || 'empty'}`}\n            name=\"dropdown\"\n            id=\"dropdown\"\n            handleSelect={handleDropdownChange}\n            className=\"quote-management-actions-bar__dropdown\"\n            data-testid=\"dropdown\"\n            options={pickerOptions}\n            value={dropdownValue || ''}\n          />\n        )}\n        {hasButtons && (\n          <div\n            className=\"quote-management-actions-bar__buttons\"\n            data-testid=\"buttons-container\"\n          >\n            {buttons?.map((button, index) => (\n              <VComponent\n                node={button}\n                className={classes(['quote-management-actions-bar__button'])}\n                key={index}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/TabbedContent/TabbedContent.css';\n\nexport interface TabbedContentProps extends HTMLAttributes<HTMLDivElement> {\n  tabs: Map<string, string>;\n  tabsContent: Map<string, VNode>;\n  defaultActiveTab?: string;\n}\n\nexport const TabbedContent: FunctionComponent<TabbedContentProps> = ({\n  className,\n  tabs,\n  tabsContent,\n  defaultActiveTab,\n  ...props\n}) => {\n  const [activeTabId, setActiveTabId] = useState<string>(\n    defaultActiveTab || Array.from(tabs.keys())[0]\n  );\n\n  const handleTabClick = (tabId: string) => {\n    setActiveTabId(tabId);\n  };\n\n  const activeTabContent = useMemo(() => {\n    return tabsContent.get(activeTabId);\n  }, [activeTabId, tabsContent]);\n\n  return (\n    <div {...props} className={classes(['quote-management-tabbed-content', className])}>\n      {tabs &&\n        <div data-testid=\"tabbed-content-tabs\" className={classes(['quote-management-tabbed-content__tabs'])}>\n          {Array.from(tabs.entries()).map(([tabId, tabLabel]) => (\n            <button\n              className={\n                classes([\n                  'quote-management-tabbed-content__tab',\n                  ['quote-management-tabbed-content__tab--active', tabId === activeTabId]\n                ])}\n              key={tabId}\n              onClick={() => handleTabClick(tabId)}\n            >\n              {tabLabel}\n            </button>\n          ))}\n        </div>\n      }\n      {\n        activeTabContent &&\n        <div className={classes(['quote-management-tabbed-content__active-tab-content'])}>\n          <VComponent\n            node={activeTabContent as VNode}\n          />\n        </div>\n      }\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Button, Input, TextArea, Modal } from '@adobe-commerce/elsie/components';\nimport '@/quote-management/components/RenameQuoteModal/RenameQuoteModal.css';\n\nexport interface RenameQuoteModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  open: boolean;\n  quoteName: string;\n  renameReason: string;\n  quoteNameError?: string;\n  errorBanner?: VNode;\n  successBanner?: VNode;\n  showCloseButton?: boolean;\n  onQuoteNameChange: (value: string) => void;\n  onRenameReasonChange: (value: string) => void;\n  onSave: () => void;\n  onClose?: () => void;\n}\n\nexport const RenameQuoteModal: FunctionComponent<RenameQuoteModalProps> = ({\n  className,\n  open,\n  quoteName,\n  renameReason,\n  quoteNameError,\n  errorBanner,\n  successBanner,\n  showCloseButton = true,\n  onQuoteNameChange,\n  onRenameReasonChange,\n  onSave,\n  onClose,\n}) => {\n  const dictionary = useText({\n    title: 'NegotiableQuote.Manage.rename.title',\n    quoteNameLabel: 'NegotiableQuote.Manage.rename.quoteNameLabel',\n    reasonLabel: 'NegotiableQuote.Manage.rename.reasonLabel',\n    renameButton: 'NegotiableQuote.Manage.rename.renameButton',\n    cancelButton: 'NegotiableQuote.Manage.rename.cancelButton',\n  });\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"medium\"\n      title={<>{dictionary.title}</>}\n      onClose={onClose}\n      clickToDismiss={true}\n      escapeToDismiss={true}\n      showCloseButton={showCloseButton}\n      className={classes(['quote-management-rename-quote-modal', className])}\n      data-testid=\"rename-quote-modal\"\n    >\n      {errorBanner && (\n        <div className={classes(['quote-management-rename-quote-modal__error-banner'])} data-testid=\"rename-quote-modal-error-banner\">\n          {errorBanner}\n        </div>\n      )}\n\n      {successBanner && (\n        <div className={classes(['quote-management-rename-quote-modal__success-banner'])} data-testid=\"rename-quote-modal-success-banner\">\n          {successBanner}\n        </div>\n      )}\n\n      <div className={classes(['quote-management-rename-quote-modal__content'])}>\n        <div>\n          <Input\n            name=\"quoteName\"\n            type=\"text\"\n            value={quoteName}\n            onInput={(e: any) => onQuoteNameChange(e.target.value)}\n            floatingLabel={dictionary.quoteNameLabel}\n            required\n            error={!!quoteNameError}\n          />\n          {quoteNameError && (\n            <span className={classes(['quote-management-rename-quote-modal__error-text'])}>\n              {quoteNameError}\n            </span>\n          )}\n        </div>\n\n        <TextArea\n          name=\"quoteComment\"\n          value={renameReason}\n          onInput={(e: any) => onRenameReasonChange(e.target.value)}\n          label={dictionary.reasonLabel}\n          rows={3}\n        />\n      </div>\n\n      <div className={classes(['quote-management-rename-quote-modal__actions'])}>\n        <Button \n          variant=\"secondary\"\n          size=\"medium\"\n          onClick={onClose}\n          className={classes(['quote-management-rename-quote-modal__cancel-button'])}\n        >\n          {dictionary.cancelButton}\n        </Button>\n        <Button \n          variant=\"primary\"\n          size=\"medium\"\n          onClick={onSave}\n          className={classes(['quote-management-rename-quote-modal__save-button'])}\n        >\n          {dictionary.renameButton}\n        </Button>\n      </div>\n    </Modal>\n  );\n};\n"],"names":["SvgEdit","props","React","ActionsBar","className","dropdownPlaceholder","dropdownOptions","dropdownValue","handleDropdownChange","buttons","hasDropdown","hasButtons","pickerOptions","option","jsx","jsxs","classes","Picker","button","index","VComponent","TabbedContent","tabs","tabsContent","defaultActiveTab","activeTabId","setActiveTabId","useState","handleTabClick","tabId","activeTabContent","useMemo","tabLabel","RenameQuoteModal","open","quoteName","renameReason","quoteNameError","errorBanner","successBanner","showCloseButton","onQuoteNameChange","onRenameReasonChange","onSave","onClose","dictionary","useText","Modal","Fragment","Input","e","TextArea","Button"],"mappings":"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","x_google_ignoreList":[0]}

package/chunks/ShippingAddressDisplay.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as s,jsxs as p}from"@dropins/tools/preact-jsx-runtime.js";import{useState as y,useEffect as c}from"@dropins/tools/preact-compat.js";import{classes as u}from"@dropins/tools/lib.js";import{Skeleton as h,SkeletonRow as f}from"@dropins/tools/components.js";import{useText as _}from"@dropins/tools/i18n.js";import{events as g}from"@dropins/tools/event-bus.js";const q=({className:t,shippingAddress:e,loading:r,noAddressMessage:n,...d})=>{const o=_({noAddress:"NegotiableQuote.Manage.shippingAddress.noAddress"});return r?s(N,{}):e?p("div",{className:u(["quote-management-shipping-address-display",t]),"data-testid":"shipping-address-display",...d,children:[s("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-name",children:p("span",{className:"quote-management-shipping-address-display__name",children:[e.firstname," ",e.lastname]})}),e.company&&s("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-company",children:e.company}),e.street.map((i,a)=>s("div",{className:"quote-management-shipping-address-display__field","data-testid":`address-street-${a}`,children:i},a)),p("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-city-region",children:[e.city,e.region&&`, ${e.region.label}`," ",e.postcode]}),s("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-country",children:e.country.label}),s("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-telephone",children:e.telephone})]}):s("div",{className:u(["quote-management-shipping-address-display","quote-management-shipping-address-display--empty",t]),"data-testid":"shipping-address-display-empty",...d,children:s("p",{className:"quote-management-shipping-address-display__no-address",children:n||o.noAddress})})},N=()=>s(h,{"data-testid":"shipping-address-display-skeleton",children:s(f,{variant:"row",fullWidth:!0,size:"small",lines:5,multilineGap:"xsmall"})}),j=({quoteData:t,loading:e,...r})=>{var i;const[n,d]=y(t);c(()=>{t!==void 0&&d(t)},[t]),c(()=>{const a=g.on("quote-management/quote-data",l=>{const{quote:m}=l;d(m)},{eager:!0});return()=>a==null?void 0:a.off()},[]),c(()=>{const a=g.on("quote-management/shipping-address-set",l=>{const{quote:m}=l;d(m)},{eager:!0});return()=>a==null?void 0:a.off()},[]);const o=(i=n==null?void 0:n.shippingAddresses)==null?void 0:i[0];return s(q,{shippingAddress:o,loading:e,...r})};export{j as S};
+import{jsx as a,jsxs as c}from"@dropins/tools/preact-jsx-runtime.js";import{useState as y,useEffect as l}from"@dropins/tools/preact-compat.js";import{classes as g}from"@dropins/tools/lib.js";import{Skeleton as f,SkeletonRow as h}from"@dropins/tools/components.js";import{useText as q}from"@dropins/tools/i18n.js";import{events as u}from"@dropins/tools/event-bus.js";const _=({className:i,shippingAddress:e,loading:m,noAddressMessage:p,...r})=>{const s=q({noAddress:"NegotiableQuote.Manage.shippingAddress.noAddress"});return m?a(N,{}):e?c("div",{className:g(["quote-management-shipping-address-display",i]),"data-testid":"shipping-address-display",...r,children:[a("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-name",children:c("span",{className:"quote-management-shipping-address-display__name",children:[e.firstname," ",e.lastname]})}),e.company&&a("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-company",children:e.company}),e.street.map((o,t)=>a("div",{className:"quote-management-shipping-address-display__field","data-testid":`address-street-${t}`,children:o},t)),c("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-city-region",children:[e.city,e.region&&`, ${e.region.label}`," ",e.postcode]}),a("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-country",children:e.country.label}),a("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-telephone",children:e.telephone})]}):a("div",{className:g(["quote-management-shipping-address-display","quote-management-shipping-address-display--empty",i]),"data-testid":"shipping-address-display-empty",...r,children:a("p",{className:"quote-management-shipping-address-display__no-address",children:p||s.noAddress})})},N=()=>a(f,{"data-testid":"shipping-address-display-skeleton",children:a(h,{variant:"row",fullWidth:!0,size:"small",lines:5,multilineGap:"xsmall"})}),j=({shippingAddress:i,loading:e,...m})=>{const[p,r]=y(i);return l(()=>{i!==void 0&&r(i)},[i]),l(()=>{const s=u.on("quote-management/quote-data",o=>{var d,n;const t=(n=(d=o.quote)==null?void 0:d.shippingAddresses)==null?void 0:n[0];r(t)},{eager:!0});return()=>s==null?void 0:s.off()},[]),l(()=>{const s=u.on("quote-management/shipping-address-set",o=>{var d,n;const t=(n=(d=o.quote)==null?void 0:d.shippingAddresses)==null?void 0:n[0];r(t)},{eager:!0});return()=>s==null?void 0:s.off()},[]),l(()=>{const s=u.on("quote-management/quote-template-data",o=>{var d,n;const t=(n=(d=o.quoteTemplate)==null?void 0:d.shippingAddresses)==null?void 0:n[0];r(t)},{eager:!0});return()=>s==null?void 0:s.off()},[]),a(_,{shippingAddress:p,loading:e,...m})};export{j as S};
 //# sourceMappingURL=ShippingAddressDisplay.js.map

package/chunks/ShippingAddressDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShippingAddressDisplay.js","sources":["/@dropins/storefront-quote-management/src/components/ShippingAddressDisplay/ShippingAddressDisplay.tsx","/@dropins/storefront-quote-management/src/containers/ShippingAddressDisplay/ShippingAddressDisplay.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { ShippingAddress } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/ShippingAddressDisplay/ShippingAddressDisplay.css';\n\nexport interface ShippingAddressDisplayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  shippingAddress?: ShippingAddress;\n  loading?: boolean;\n  noAddressMessage?: string;\n}\n\nexport const ShippingAddressDisplay: FunctionComponent<ShippingAddressDisplayProps> = ({\n  className,\n  shippingAddress,\n  loading,\n  noAddressMessage,\n  ...props\n}) => {\n  const dictionary = useText({\n    noAddress: 'NegotiableQuote.Manage.shippingAddress.noAddress',\n  });\n\n  if (loading) {\n    return <ShippingAddressDisplaySkeleton />;\n  }\n\n  if (!shippingAddress) {\n    return (\n      <div \n        className={classes(['quote-management-shipping-address-display', 'quote-management-shipping-address-display--empty', className])}\n        data-testid=\"shipping-address-display-empty\"\n        {...props}\n      >\n        <p className=\"quote-management-shipping-address-display__no-address\">\n          {noAddressMessage || dictionary.noAddress}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div \n      className={classes(['quote-management-shipping-address-display', className])}\n      data-testid=\"shipping-address-display\"\n      {...props}\n    >\n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-name\">\n        <span className=\"quote-management-shipping-address-display__name\">\n          {shippingAddress.firstname} {shippingAddress.lastname}\n        </span>\n      </div>\n      \n      {shippingAddress.company && (\n        <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-company\">\n          {shippingAddress.company}\n        </div>\n      )}\n      \n      {shippingAddress.street.map((line, index) => (\n        <div \n          key={index} \n          className=\"quote-management-shipping-address-display__field\" \n          data-testid={`address-street-${index}`}\n        >\n          {line}\n        </div>\n      ))}\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-city-region\">\n        {shippingAddress.city}\n        {shippingAddress.region && `, ${shippingAddress.region.label}`}\n        {' '}\n        {shippingAddress.postcode}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-country\">\n        {shippingAddress.country.label}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-telephone\">\n        {shippingAddress.telephone}\n      </div>\n    </div>\n  );\n};\n\nexport const ShippingAddressDisplaySkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"shipping-address-display-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"small\" lines={5} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};\n\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { NegotiableQuoteModel } from '@/quote-management/data/models/negotiable-quote-model';\nimport { ShippingAddressDisplay as ShippingAddressDisplayComponent } from '@/quote-management/components/ShippingAddressDisplay';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport interface ShippingAddressDisplayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  quoteData?: NegotiableQuoteModel;\n  loading?: boolean;\n}\n\nexport const ShippingAddressDisplay: Container<ShippingAddressDisplayProps> = ({\n  quoteData: initialQuoteData,\n  loading,\n  ...props\n}) => {\n  const [quoteData, setQuoteData] = useState<NegotiableQuoteModel | undefined>(initialQuoteData);\n\n  // Sync prop changes to internal state\n  useEffect(() => {\n    if (initialQuoteData !== undefined) {\n      setQuoteData(initialQuoteData);\n    }\n  }, [initialQuoteData]);\n\n  // Listen for quote-data events\n  useEffect(() => {\n    const quoteDataEvent = events.on('quote-management/quote-data', (data: { quote: NegotiableQuoteModel }) => {\n      const { quote } = data;\n      setQuoteData(quote);\n    }, {\n      eager: true,\n    });\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  // Listen for shipping-address-set events\n  useEffect(() => {\n    const shippingAddressSetEvent = events.on('quote-management/shipping-address-set', (data: { quote: NegotiableQuoteModel }) => {\n      const { quote } = data;\n      setQuoteData(quote);\n    }, {\n      eager: true,\n    });\n    return () => shippingAddressSetEvent?.off();\n  }, []);\n\n  const primaryShippingAddress = quoteData?.shippingAddresses?.[0];\n\n  return (\n    <ShippingAddressDisplayComponent\n      shippingAddress={primaryShippingAddress}\n      loading={loading}\n      {...props}\n    />\n  );\n};\n\n"],"names":["ShippingAddressDisplay","className","shippingAddress","loading","noAddressMessage","props","dictionary","useText","ShippingAddressDisplaySkeleton","jsxs","classes","jsx","line","index","Skeleton","SkeletonRow","initialQuoteData","quoteData","setQuoteData","useState","useEffect","quoteDataEvent","events","data","quote","shippingAddressSetEvent","primaryShippingAddress","_a","ShippingAddressDisplayComponent"],"mappings":"8WAuBO,MAAMA,EAAyE,CAAC,CACrF,UAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAaC,EAAQ,CACzB,UAAW,kDAAA,CACZ,EAED,OAAIJ,IACMK,EAAA,EAA+B,EAGpCN,EAeHO,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,4CAA6CT,CAAS,CAAC,EAC3E,cAAY,2BACX,GAAGI,EAEJ,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,eAC5E,SAAAF,EAAC,OAAA,CAAK,UAAU,kDACb,SAAA,CAAAP,EAAgB,UAAU,IAAEA,EAAgB,QAAA,CAAA,CAC/C,CAAA,CACF,EAECA,EAAgB,SACfS,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,kBAC3E,SAAAT,EAAgB,OAAA,CACnB,EAGDA,EAAgB,OAAO,IAAI,CAACU,EAAMC,IACjCF,EAAC,MAAA,CAEC,UAAU,mDACV,cAAa,kBAAkBE,CAAK,GAEnC,SAAAD,CAAA,EAJIC,CAAA,CAMR,EAEDJ,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,sBAC3E,SAAA,CAAAP,EAAgB,KAChBA,EAAgB,QAAU,KAAKA,EAAgB,OAAO,KAAK,GAC3D,IACAA,EAAgB,QAAA,EACnB,EAEAS,EAAC,OAAI,UAAU,mDAAmD,cAAY,kBAC3E,SAAAT,EAAgB,QAAQ,KAAA,CAC3B,IAEC,MAAA,CAAI,UAAU,mDAAmD,cAAY,oBAC3E,WAAgB,SAAA,CACnB,CAAA,CAAA,CAAA,EArDAS,EAAC,MAAA,CACC,UAAWD,EAAQ,CAAC,4CAA6C,mDAAoDT,CAAS,CAAC,EAC/H,cAAY,iCACX,GAAGI,EAEJ,WAAC,IAAA,CAAE,UAAU,wDACV,SAAAD,GAAoBE,EAAW,SAAA,CAClC,CAAA,CAAA,CAiDR,EAEaE,EAAoD,MAE5DM,EAAA,CAAS,cAAY,oCACpB,SAAAH,EAACI,GAAY,QAAQ,MAAM,UAAW,GAAM,KAAK,QAAQ,MAAO,EAAG,aAAa,SAAS,EAC3F,EClFSf,EAAiE,CAAC,CAC7E,UAAWgB,EACX,QAAAb,EACA,GAAGE,CACL,IAAM,OACJ,KAAM,CAACY,EAAWC,CAAY,EAAIC,EAA2CH,CAAgB,EAG7FI,EAAU,IAAM,CACVJ,IAAqB,QACvBE,EAAaF,CAAgB,CAEjC,EAAG,CAACA,CAAgB,CAAC,EAGrBI,EAAU,IAAM,CACd,MAAMC,EAAiBC,EAAO,GAAG,8BAAgCC,GAA0C,CACzG,KAAM,CAAE,MAAAC,GAAUD,EAClBL,EAAaM,CAAK,CACpB,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMH,GAAA,YAAAA,EAAgB,KAC/B,EAAG,CAAA,CAAE,EAGLD,EAAU,IAAM,CACd,MAAMK,EAA0BH,EAAO,GAAG,wCAA0CC,GAA0C,CAC5H,KAAM,CAAE,MAAAC,GAAUD,EAClBL,EAAaM,CAAK,CACpB,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMC,GAAA,YAAAA,EAAyB,KACxC,EAAG,CAAA,CAAE,EAEL,MAAMC,GAAyBC,EAAAV,GAAA,YAAAA,EAAW,oBAAX,YAAAU,EAA+B,GAE9D,OACEhB,EAACiB,EAAA,CACC,gBAAiBF,EACjB,QAAAvB,EACC,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"ShippingAddressDisplay.js","sources":["/@dropins/storefront-quote-management/src/components/ShippingAddressDisplay/ShippingAddressDisplay.tsx","/@dropins/storefront-quote-management/src/containers/ShippingAddressDisplay/ShippingAddressDisplay.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { ShippingAddress } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/ShippingAddressDisplay/ShippingAddressDisplay.css';\n\nexport interface ShippingAddressDisplayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  shippingAddress?: ShippingAddress;\n  loading?: boolean;\n  noAddressMessage?: string;\n}\n\nexport const ShippingAddressDisplay: FunctionComponent<ShippingAddressDisplayProps> = ({\n  className,\n  shippingAddress,\n  loading,\n  noAddressMessage,\n  ...props\n}) => {\n  const dictionary = useText({\n    noAddress: 'NegotiableQuote.Manage.shippingAddress.noAddress',\n  });\n\n  if (loading) {\n    return <ShippingAddressDisplaySkeleton />;\n  }\n\n  if (!shippingAddress) {\n    return (\n      <div \n        className={classes(['quote-management-shipping-address-display', 'quote-management-shipping-address-display--empty', className])}\n        data-testid=\"shipping-address-display-empty\"\n        {...props}\n      >\n        <p className=\"quote-management-shipping-address-display__no-address\">\n          {noAddressMessage || dictionary.noAddress}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div \n      className={classes(['quote-management-shipping-address-display', className])}\n      data-testid=\"shipping-address-display\"\n      {...props}\n    >\n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-name\">\n        <span className=\"quote-management-shipping-address-display__name\">\n          {shippingAddress.firstname} {shippingAddress.lastname}\n        </span>\n      </div>\n      \n      {shippingAddress.company && (\n        <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-company\">\n          {shippingAddress.company}\n        </div>\n      )}\n      \n      {shippingAddress.street.map((line, index) => (\n        <div \n          key={index} \n          className=\"quote-management-shipping-address-display__field\" \n          data-testid={`address-street-${index}`}\n        >\n          {line}\n        </div>\n      ))}\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-city-region\">\n        {shippingAddress.city}\n        {shippingAddress.region && `, ${shippingAddress.region.label}`}\n        {' '}\n        {shippingAddress.postcode}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-country\">\n        {shippingAddress.country.label}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-telephone\">\n        {shippingAddress.telephone}\n      </div>\n    </div>\n  );\n};\n\nexport const ShippingAddressDisplaySkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"shipping-address-display-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"small\" lines={5} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};\n\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { ShippingAddress } from '@/quote-management/data/models/negotiable-quote-model';\nimport { NegotiableQuoteTemplateModel } from '@/quote-management/data/models/negotiable-quote-template-model';\nimport { ShippingAddressDisplay as ShippingAddressDisplayComponent } from '@/quote-management/components/ShippingAddressDisplay';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport interface ShippingAddressDisplayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  shippingAddress?: ShippingAddress;\n  loading?: boolean;\n}\n\nexport const ShippingAddressDisplay: Container<ShippingAddressDisplayProps> = ({\n  shippingAddress: initialShippingAddress,\n  loading,\n  ...props\n}) => {\n  const [shippingAddress, setShippingAddress] = useState<ShippingAddress | undefined>(initialShippingAddress);\n\n  // Sync prop changes to internal state\n  useEffect(() => {\n    if (initialShippingAddress !== undefined) {\n      setShippingAddress(initialShippingAddress);\n    }\n  }, [initialShippingAddress]);\n\n  // Listen for quote-data events\n  useEffect(() => {\n    const quoteDataEvent = events.on('quote-management/quote-data', (data: { quote?: { shippingAddresses?: ShippingAddress[] } | null }) => {\n      const address = data.quote?.shippingAddresses?.[0];\n      setShippingAddress(address);\n    }, {\n      eager: true,\n    });\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  // Listen for shipping-address-set events\n  useEffect(() => {\n    const shippingAddressSetEvent = events.on('quote-management/shipping-address-set', (data: { quote?: { shippingAddresses?: ShippingAddress[] } | null }) => {\n      const address = data.quote?.shippingAddresses?.[0];\n      setShippingAddress(address);\n    }, {\n      eager: true,\n    });\n    return () => shippingAddressSetEvent?.off();\n  }, []);\n\n  // Listen for quote-template-data events\n  useEffect(() => {\n    const quoteTemplateDataEvent = events.on('quote-management/quote-template-data', (data: { quoteTemplate?: NegotiableQuoteTemplateModel | null }) => {\n      const address = data.quoteTemplate?.shippingAddresses?.[0];\n      setShippingAddress(address);\n    }, {\n      eager: true,\n    });\n    return () => quoteTemplateDataEvent?.off();\n  }, []);\n\n  return (\n    <ShippingAddressDisplayComponent\n      shippingAddress={shippingAddress}\n      loading={loading}\n      {...props}\n    />\n  );\n};\n\n"],"names":["ShippingAddressDisplay","className","shippingAddress","loading","noAddressMessage","props","dictionary","useText","ShippingAddressDisplaySkeleton","jsxs","classes","jsx","line","index","Skeleton","SkeletonRow","initialShippingAddress","setShippingAddress","useState","useEffect","quoteDataEvent","events","data","address","_b","_a","shippingAddressSetEvent","quoteTemplateDataEvent","ShippingAddressDisplayComponent"],"mappings":"8WAuBO,MAAMA,EAAyE,CAAC,CACrF,UAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAaC,EAAQ,CACzB,UAAW,kDAAA,CACZ,EAED,OAAIJ,IACMK,EAAA,EAA+B,EAGpCN,EAeHO,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,4CAA6CT,CAAS,CAAC,EAC3E,cAAY,2BACX,GAAGI,EAEJ,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,eAC5E,SAAAF,EAAC,OAAA,CAAK,UAAU,kDACb,SAAA,CAAAP,EAAgB,UAAU,IAAEA,EAAgB,QAAA,CAAA,CAC/C,CAAA,CACF,EAECA,EAAgB,SACfS,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,kBAC3E,SAAAT,EAAgB,OAAA,CACnB,EAGDA,EAAgB,OAAO,IAAI,CAACU,EAAMC,IACjCF,EAAC,MAAA,CAEC,UAAU,mDACV,cAAa,kBAAkBE,CAAK,GAEnC,SAAAD,CAAA,EAJIC,CAAA,CAMR,EAEDJ,EAAC,MAAA,CAAI,UAAU,mDAAmD,cAAY,sBAC3E,SAAA,CAAAP,EAAgB,KAChBA,EAAgB,QAAU,KAAKA,EAAgB,OAAO,KAAK,GAC3D,IACAA,EAAgB,QAAA,EACnB,EAEAS,EAAC,OAAI,UAAU,mDAAmD,cAAY,kBAC3E,SAAAT,EAAgB,QAAQ,KAAA,CAC3B,IAEC,MAAA,CAAI,UAAU,mDAAmD,cAAY,oBAC3E,WAAgB,SAAA,CACnB,CAAA,CAAA,CAAA,EArDAS,EAAC,MAAA,CACC,UAAWD,EAAQ,CAAC,4CAA6C,mDAAoDT,CAAS,CAAC,EAC/H,cAAY,iCACX,GAAGI,EAEJ,WAAC,IAAA,CAAE,UAAU,wDACV,SAAAD,GAAoBE,EAAW,SAAA,CAClC,CAAA,CAAA,CAiDR,EAEaE,EAAoD,MAE5DM,EAAA,CAAS,cAAY,oCACpB,SAAAH,EAACI,GAAY,QAAQ,MAAM,UAAW,GAAM,KAAK,QAAQ,MAAO,EAAG,aAAa,SAAS,EAC3F,ECjFSf,EAAiE,CAAC,CAC7E,gBAAiBgB,EACjB,QAAAb,EACA,GAAGE,CACL,IAAM,CACJ,KAAM,CAACH,EAAiBe,CAAkB,EAAIC,EAAsCF,CAAsB,EAG1G,OAAAG,EAAU,IAAM,CACVH,IAA2B,QAC7BC,EAAmBD,CAAsB,CAE7C,EAAG,CAACA,CAAsB,CAAC,EAG3BG,EAAU,IAAM,CACd,MAAMC,EAAiBC,EAAO,GAAG,8BAAgCC,GAAuE,SACtI,MAAMC,GAAUC,GAAAC,EAAAH,EAAK,QAAL,YAAAG,EAAY,oBAAZ,YAAAD,EAAgC,GAChDP,EAAmBM,CAAO,CAC5B,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMH,GAAA,YAAAA,EAAgB,KAC/B,EAAG,CAAA,CAAE,EAGLD,EAAU,IAAM,CACd,MAAMO,EAA0BL,EAAO,GAAG,wCAA0CC,GAAuE,SACzJ,MAAMC,GAAUC,GAAAC,EAAAH,EAAK,QAAL,YAAAG,EAAY,oBAAZ,YAAAD,EAAgC,GAChDP,EAAmBM,CAAO,CAC5B,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMG,GAAA,YAAAA,EAAyB,KACxC,EAAG,CAAA,CAAE,EAGLP,EAAU,IAAM,CACd,MAAMQ,EAAyBN,EAAO,GAAG,uCAAyCC,GAAkE,SAClJ,MAAMC,GAAUC,GAAAC,EAAAH,EAAK,gBAAL,YAAAG,EAAoB,oBAApB,YAAAD,EAAwC,GACxDP,EAAmBM,CAAO,CAC5B,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMI,GAAA,YAAAA,EAAwB,KACvC,EAAG,CAAA,CAAE,EAGHhB,EAACiB,EAAA,CACC,gBAAA1B,EACA,QAAAC,EACC,GAAGE,CAAA,CAAA,CAGV"}