@dropins/storefront-quote-management 0.0.1-alpha30 → 0.0.1-alpha31

package/chunks/ItemsQuotedTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsQuotedTemplate.js","sources":["/@dropins/storefront-quote-management/src/hooks/useRemoveTemplateItems.ts","/@dropins/storefront-quote-management/src/hooks/useItemsQuotedTemplate.ts","/@dropins/storefront-quote-management/src/hooks/useUpdateTemplateQuantities.ts","/@dropins/storefront-quote-management/src/containers/ItemsQuotedTemplate/ItemsQuotedTemplate.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 { useState, useEffect, useCallback } from 'preact/compat';\nimport { events } from '@adobe-commerce/event-bus';\nimport { removeQuoteTemplateItems } from '@/quote-management/api/removeQuoteTemplateItems';\nimport { QuoteTemplateCartItem } from '@/quote-management/data/models/negotiable-quote-template-model';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface UseRemoveTemplateItemsReturn {\n  handleRemoveItems: (items: QuoteTemplateCartItem[]) => void;\n  handleConfirmRemove: () => Promise<void>;\n  handleCancelRemove: () => void;\n  isRemoveModalOpen: boolean;\n  itemsToRemove: QuoteTemplateCartItem[];\n  isRemoving: boolean;\n  removeNotificationState: {\n    type: 'success' | 'error' | null;\n    message: string;\n  };\n}\n\nexport interface UseRemoveTemplateItemsParams {\n  templateId?: string;\n  onRemoveModalStateChange?: (isOpen: boolean) => void;\n  removeSuccessMessage: string;\n  removeErrorMessage: string;\n}\n\n/**\n * Custom hook to manage removing items from a quote template\n */\nexport const useRemoveTemplateItems = (\n  params: UseRemoveTemplateItemsParams\n): UseRemoveTemplateItemsReturn => {\n  const {\n    templateId,\n    onRemoveModalStateChange,\n    removeSuccessMessage,\n    removeErrorMessage,\n  } = params;\n\n  const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false);\n  const [itemsToRemove, setItemsToRemove] = useState<QuoteTemplateCartItem[]>([]);\n  const [isRemoving, setIsRemoving] = useState(false);\n  const [removeNotificationState, setRemoveNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n\n  // Listen for quote template data event (successful removal)\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      () => {\n        setItemsToRemove([]);\n        setIsRemoving(false);\n        setRemoveNotificationState({\n          type: 'success',\n          message: removeSuccessMessage,\n        });\n        // Auto-close success notification after delay\n        setTimeout(() => {\n          setIsRemoveModalOpen(false);\n          setRemoveNotificationState({ type: null, message: '' });\n          onRemoveModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => templateDataEvent?.off();\n  }, [removeSuccessMessage, onRemoveModalStateChange]);\n\n  // Unified handler for removing items (single or multiple)\n  const handleRemoveItems = useCallback((items: QuoteTemplateCartItem[]) => {\n    if (!items || items.length === 0) {\n      return;\n    }\n    setItemsToRemove(items);\n    setRemoveNotificationState({ type: null, message: '' });\n    setIsRemoveModalOpen(true);\n  }, []);\n\n  const handleConfirmRemove = useCallback(async () => {\n    if (!templateId || itemsToRemove.length === 0) {\n      return;\n    }\n\n    const uidsToRemove = itemsToRemove.map((item) => item.uid).filter(Boolean) as string[];\n\n    if (uidsToRemove.length === 0) {\n      return;\n    }\n\n    setIsRemoving(true);\n    setRemoveNotificationState({ type: null, message: '' });\n\n    try {\n      await removeQuoteTemplateItems({\n        templateId,\n        itemUids: uidsToRemove,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : removeErrorMessage;\n      setRemoveNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      setIsRemoving(false);\n    }\n  }, [templateId, itemsToRemove, removeErrorMessage]);\n\n  const handleCancelRemove = useCallback(() => {\n    setIsRemoveModalOpen(false);\n    setRemoveNotificationState({ type: null, message: '' });\n    onRemoveModalStateChange?.(false);\n    setItemsToRemove([]);\n  }, [onRemoveModalStateChange]);\n\n  return {\n    handleRemoveItems,\n    handleConfirmRemove,\n    handleCancelRemove,\n    isRemoveModalOpen,\n    itemsToRemove,\n    isRemoving,\n    removeNotificationState,\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 { useState, useCallback } from 'preact/compat';\nimport { ProductListTableItem } from '@/quote-management/components';\nimport { QuoteTemplateCartItem } from '@/quote-management/data/models/negotiable-quote-template-model';\n\nexport interface UseItemsQuotedTemplateReturn {\n  dropdownSelections: Record<string, string | undefined>;\n  handleItemDropdownChange: (item: ProductListTableItem, action: string) => void;\n  handleDismissRemoveBanner: () => void;\n}\n\nexport interface UseItemsQuotedTemplateParams {\n  handleRemoveItems: (items: QuoteTemplateCartItem[]) => void;\n}\n\n/**\n * Custom hook to manage dropdown selections and item actions for quote template items\n */\nexport const useItemsQuotedTemplate = (\n  params: UseItemsQuotedTemplateParams\n): UseItemsQuotedTemplateReturn => {\n  const { handleRemoveItems } = params;\n\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string | undefined>\n  >({});\n\n  const handleDismissRemoveBanner = useCallback(() => {\n    // The hook manages its own notification state, but we can add custom dismiss logic if needed\n  }, []);\n\n  const handleItemDropdownChange = useCallback(\n    (item: ProductListTableItem, action: string) => {\n      const cartItem = item as QuoteTemplateCartItem;\n\n      // Handle remove action\n      if (action === 'remove') {\n        setDropdownSelections((prev) => ({\n          ...prev,\n          [cartItem.uid || '']: action,\n        }));\n        handleRemoveItems([cartItem]);\n        // Reset dropdown immediately\n        setDropdownSelections((prev) => ({ ...prev, [cartItem.uid || '']: '' }));\n        return;\n      }\n\n      // Clear dropdown selection for other actions\n      setDropdownSelections((prev) => {\n        if (!cartItem.uid || !(cartItem.uid in prev)) {\n          return prev;\n        }\n        const next = { ...prev };\n        delete next[cartItem.uid];\n        return next;\n      });\n    },\n    [handleRemoveItems]\n  );\n\n  return {\n    dropdownSelections,\n    handleItemDropdownChange,\n    handleDismissRemoveBanner,\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 { useState, useEffect, useCallback } from 'preact/compat';\nimport { events } from '@adobe-commerce/event-bus';\nimport { updateQuoteTemplateItemQuantities } from '@/quote-management/api/updateQuoteTemplateItemQuantities';\nimport { QuoteTemplateCartItem } from '@/quote-management/data/models/negotiable-quote-template-model';\nimport { ProductListTableItem } from '@/quote-management/components';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface UseUpdateTemplateQuantitiesReturn {\n  quantityChanges: Record<string, number>;\n  handleQuantityChange: (item: ProductListTableItem, newQuantity: number) => void;\n  handleUpdate: (e: SubmitEvent) => void;\n  handleConfirmUpdate: () => Promise<void>;\n  handleCancelUpdate: () => void;\n  handleDismissBanner: () => void;\n  isUpdateModalOpen: boolean;\n  isUpdating: boolean;\n  updateNotificationState: {\n    type: 'success' | 'error' | null;\n    message: string;\n  };\n}\n\nexport interface UseUpdateTemplateQuantitiesParams {\n  templateId?: string;\n  onUpdateModalStateChange?: (isOpen: boolean) => void;\n  updateSuccessMessage: string;\n  updateErrorMessage: string;\n}\n\n/**\n * Custom hook to manage updating quantities of items in a quote template\n */\nexport const useUpdateTemplateQuantities = (\n  params: UseUpdateTemplateQuantitiesParams\n): UseUpdateTemplateQuantitiesReturn => {\n  const {\n    templateId,\n    onUpdateModalStateChange,\n    updateSuccessMessage,\n    updateErrorMessage,\n  } = params;\n\n  const [quantityChanges, setQuantityChanges] = useState<Record<string, number>>({});\n  const [isUpdateModalOpen, setIsUpdateModalOpen] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n  const [updateNotificationState, setUpdateNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n\n  // Listen for quote template data event (successful update)\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      () => {\n        setQuantityChanges({});\n        setIsUpdating(false);\n        setUpdateNotificationState({\n          type: 'success',\n          message: updateSuccessMessage,\n        });\n        // Auto-close success notification after delay\n        setTimeout(() => {\n          setIsUpdateModalOpen(false);\n          setUpdateNotificationState({ type: null, message: '' });\n          onUpdateModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => templateDataEvent?.off();\n  }, [updateSuccessMessage, onUpdateModalStateChange]);\n\n  const handleQuantityChange = useCallback(\n    (item: ProductListTableItem, newQuantity: number) => {\n      const cartItem = item as QuoteTemplateCartItem;\n      if (!cartItem.uid) {\n        return;\n      }\n      const itemUid = cartItem.uid;\n      setQuantityChanges((prev) => ({\n        ...prev,\n        [itemUid]: newQuantity,\n      }));\n    },\n    []\n  );\n\n  const handleUpdate = useCallback((e: SubmitEvent) => {\n    e.preventDefault();\n    setUpdateNotificationState({ type: null, message: '' });\n    setIsUpdateModalOpen(true);\n  }, []);\n\n  const handleConfirmUpdate = useCallback(async () => {\n    if (!templateId || Object.keys(quantityChanges).length === 0) {\n      setIsUpdateModalOpen(false);\n      return;\n    }\n\n    setIsUpdating(true);\n    setUpdateNotificationState({ type: null, message: '' });\n\n    // Map quantity changes to API format\n    const items = Object.entries(quantityChanges).map(([itemId, quantity]) => ({\n      itemId,\n      quantity,\n    }));\n\n    try {\n      await updateQuoteTemplateItemQuantities({\n        templateId,\n        items,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : updateErrorMessage;\n      setUpdateNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      setIsUpdating(false);\n    }\n  }, [templateId, quantityChanges, updateErrorMessage]);\n\n  const handleCancelUpdate = useCallback(() => {\n    setIsUpdateModalOpen(false);\n    setUpdateNotificationState({ type: null, message: '' });\n    onUpdateModalStateChange?.(false);\n    setQuantityChanges({});\n  }, [onUpdateModalStateChange]);\n\n  const handleDismissBanner = useCallback(() => {\n    setUpdateNotificationState({ type: null, message: '' });\n  }, []);\n\n  return {\n    quantityChanges,\n    handleQuantityChange,\n    handleUpdate,\n    handleConfirmUpdate,\n    handleCancelUpdate,\n    handleDismissBanner,\n    isUpdateModalOpen,\n    isUpdating,\n    updateNotificationState,\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 {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { CheckWithCircle, WarningFilled } from '@adobe-commerce/elsie/icons';\nimport {\n  NegotiableQuoteTemplateModel,\n  QuoteTemplateCartItem,\n} from '@/quote-management/data/models/negotiable-quote-template-model';\nimport {\n  QuotePricesSummary,\n  ProductListTable,\n  ItemsQuoted as ItemsQuotedComponent,\n  ProductListTableItem,\n  ConfirmationModal,\n} from '@/quote-management/components';\nimport { LineItemNoteModal } from '@/quote-management/components/LineItemNoteModal';\nimport { addQuoteTemplateLineItemNote } from '@/quote-management/api';\nimport { useRemoveTemplateItems } from '@/quote-management/hooks/useRemoveTemplateItems';\nimport { useItemsQuotedTemplate } from '@/quote-management/hooks/useItemsQuotedTemplate';\nimport { useUpdateTemplateQuantities } from '@/quote-management/hooks/useUpdateTemplateQuantities';\n\nexport interface ItemsQuotedTemplateProps\n  extends HTMLAttributes<HTMLDivElement> {\n  templateData?: NegotiableQuoteTemplateModel;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      canEdit: boolean;\n      dropdownSelections: Record<string, string | undefined>;\n      handleItemDropdownChange: (item: ProductListTableItem, action: string) => void;\n      handleQuantityChange: (item: ProductListTableItem, newQuantity: number) => void;\n      handleUpdate: (e: SubmitEvent) => void;\n      onItemDropdownChange?: (item: any, action: string) => void;\n    }>;\n    QuotePricesSummary?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      prices: NegotiableQuoteTemplateModel['prices'];\n    }>;\n  };\n}\n\nexport const ItemsQuotedTemplate: Container<ItemsQuotedTemplateProps> = ({\n  templateData: initialData,\n  slots,\n  ...props\n}) => {\n  const [templateData, setTemplateData] = useState<\n    NegotiableQuoteTemplateModel | undefined\n  >(initialData);\n  const [selectedItem, setSelectedItem] =\n    useState<QuoteTemplateCartItem | null>(null);\n  const [isLineItemNoteModalOpen, setIsLineItemNoteModalOpen] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [modalErrorMessage, setModalErrorMessage] = useState('');\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string>\n  >({});\n\n  const dictionary = useText({\n    subtotal:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes',\n    removeModalTitle: 'NegotiableQuoteTemplate.Manage.removeItemsModal.title',\n    removeModalDescription: 'NegotiableQuoteTemplate.Manage.removeItemsModal.description',\n    removeModalCancelButton: 'NegotiableQuoteTemplate.Manage.removeItemsModal.cancelButton',\n    removeModalConfirmButton: 'NegotiableQuoteTemplate.Manage.removeItemsModal.confirmButton',\n    removeModalConfirmButtonRemoving: 'NegotiableQuoteTemplate.Manage.removeItemsModal.confirmButtonRemoving',\n    removeSuccessHeading: 'NegotiableQuoteTemplate.Manage.removeItemsModal.successHeading',\n    removeSuccessMessage: 'NegotiableQuoteTemplate.Manage.removeItemsModal.successMessage',\n    removeErrorHeading: 'NegotiableQuoteTemplate.Manage.removeItemsModal.errorHeading',\n    removeErrorMessage: 'NegotiableQuoteTemplate.Manage.removeItemsModal.errorMessage',\n    updateModalTitle: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.title',\n    updateModalDescription: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.description',\n    updateModalCancelButton: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.cancelButton',\n    updateModalUpdateButton: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.updateButton',\n    updateSuccessHeading: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.successHeading',\n    updateSuccessMessage: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.successMessage',\n    updateErrorHeading: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.errorHeading',\n    updateErrorMessage: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.errorMessage',\n    errorHeading:\n      'NegotiableQuoteTemplate.Manage.lineItemNoteModal.errorHeading',\n  });\n\n  // Use the remove template items hook\n  const {\n    handleRemoveItems,\n    handleConfirmRemove,\n    handleCancelRemove,\n    isRemoveModalOpen,\n    isRemoving,\n    removeNotificationState,\n  } = useRemoveTemplateItems({\n    templateId: templateData?.id,\n    removeSuccessMessage: dictionary.removeSuccessMessage,\n    removeErrorMessage: dictionary.removeErrorMessage,\n  });\n\n  // Use the items quoted template hook for dropdown and interaction logic\n  const {\n    dropdownSelections: hookDropdownSelections,\n    handleItemDropdownChange: hookHandleItemDropdownChange,\n    handleDismissRemoveBanner,\n  } = useItemsQuotedTemplate({\n    handleRemoveItems,\n  });\n\n  // Use the update template quantities hook\n  const {\n    handleQuantityChange,\n    handleUpdate,\n    handleConfirmUpdate,\n    handleCancelUpdate,\n    handleDismissBanner,\n    isUpdateModalOpen,\n    updateNotificationState,\n  } = useUpdateTemplateQuantities({\n    templateId: templateData?.id,\n    updateSuccessMessage: dictionary.updateSuccessMessage,\n    updateErrorMessage: dictionary.updateErrorMessage,\n  });\n\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      (payload) => {\n        setTemplateData(payload.quoteTemplate);\n        setDropdownSelections({});\n      },\n      { eager: true }\n    );\n\n    return () => templateDataEvent?.off();\n  }, []);\n\n  // Combined handler for dropdown selection that handles both remove (via hook) and edit (for line item notes)\n  const handleItemDropdownChange = useCallback(\n    (item: ProductListTableItem, action: string) => {\n      const templateItem = item as QuoteTemplateCartItem;\n      \n      // Handle edit action - open line item note modal\n      if (action === 'edit') {\n        setSelectedItem(templateItem);\n        setIsLineItemNoteModalOpen(true);\n        // Reset dropdown immediately\n        setDropdownSelections((prev) => ({\n          ...prev,\n          [templateItem.uid || '']: '',\n        }));\n        return;\n      }\n\n      // For remove and other actions, delegate to hook handler\n      hookHandleItemDropdownChange(item, action);\n    },\n    [hookHandleItemDropdownChange]\n  );\n\n  // Merge dropdown selections from hook and local state\n  const mergedDropdownSelections = { ...hookDropdownSelections, ...dropdownSelections };\n\n  // Handle modal close\n  const handleModalClose = useCallback(() => {\n    // Clean up dropdown selection for the selected item before clearing it\n    /* istanbul ignore else: defensive check - selectedItem should always be truthy when modal is open */\n    if (selectedItem) {\n      setDropdownSelections((prev) => {\n        const next = { ...prev };\n        delete next[selectedItem.uid || ''];\n        return next;\n      });\n    }\n    setIsLineItemNoteModalOpen(false);\n    setSelectedItem(null);\n    setIsSubmitting(false);\n    setModalErrorMessage('');\n  }, [selectedItem]);\n\n  // Handle modal confirm - submit note only (quantity is read-only for templates)\n  const handleModalConfirm = useCallback(\n    async (note: string) => {\n      /* istanbul ignore next: defensive guard for async race conditions - unreachable in normal flow as modal only renders with selectedItem and templateData */\n      if (!selectedItem || !templateData) return;\n\n      setIsSubmitting(true);\n      setModalErrorMessage('');\n\n      try {\n        // Set the line item note\n        await addQuoteTemplateLineItemNote({\n          templateId: templateData.id,\n          itemId: selectedItem.uid || '',\n          note,\n        });\n\n        // Close modal on success\n        handleModalClose();\n      } catch (error) {\n        console.error('Failed to set template line item note:', error);\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : 'Unable to update the item. Please try again.';\n        setModalErrorMessage(errorMessage);\n        setIsSubmitting(false);\n      }\n    },\n    [selectedItem, templateData, handleModalClose]\n  );\n\n  // Create remove confirmation banner based on notification state\n  const removeConfirmationBanner =\n    removeNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.removeSuccessHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-success-banner\"\n      />\n    ) : removeNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.removeErrorHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-error-banner\"\n      />\n    ) : null;\n\n  // Create update quantities confirmation banner based on notification state\n  const updateConfirmationBanner =\n    updateNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.updateSuccessHeading}\n        description={updateNotificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-success-banner\"\n      />\n    ) : updateNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.updateErrorHeading}\n        description={updateNotificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-error-banner\"\n      />\n    ) : null;\n\n  if (!templateData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const removeConfirmationModalProps = isRemoveModalOpen ? {\n    open: true,\n    title: dictionary.removeModalTitle,\n    message: dictionary.removeModalDescription,\n    cancelLabel: dictionary.removeModalCancelButton,\n    confirmLabel: isRemoving\n      ? dictionary.removeModalConfirmButtonRemoving\n      : dictionary.removeModalConfirmButton,\n    onCancel: handleCancelRemove,\n    onConfirm: handleConfirmRemove,\n    confirmationBanner: removeConfirmationBanner,\n  } : null;\n\n  const updateConfirmationModalProps = isUpdateModalOpen ? {\n    open: true,\n    title: dictionary.updateModalTitle,\n    message: dictionary.updateModalDescription,\n    cancelLabel: dictionary.updateModalCancelButton,\n    confirmLabel: dictionary.updateModalUpdateButton,\n    onCancel: handleCancelUpdate,\n    onConfirm: handleConfirmUpdate,\n    confirmationBanner: updateConfirmationBanner,\n  } : null;\n\n  // Only define a single confirmation modal\n  const confirmationModalProps = removeConfirmationModalProps || updateConfirmationModalProps;\n\n  const quotePricesSummaryEntries = [];\n\n  templateData.prices.subtotalExcludingTax &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.subtotal,\n      id: 'subtotal',\n      value: (\n        <Price\n          amount={templateData.prices.subtotalExcludingTax.value}\n          currency={templateData.prices.subtotalExcludingTax.currency}\n          weight=\"normal\"\n        />\n      ),\n    });\n\n  templateData.prices.grandTotal &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.grandTotal,\n      id: 'total',\n      value: (\n        <Price\n          amount={templateData.prices.grandTotal.value}\n          currency={templateData.prices.grandTotal.currency}\n        />\n      ),\n      strong: true,\n    });\n\n  // Create modal error banner\n  const modalErrorBanner = modalErrorMessage ? (\n    <InLineAlert\n      type=\"error\"\n      variant=\"primary\"\n      icon={<WarningFilled />}\n      heading={dictionary.errorHeading}\n      description={modalErrorMessage}\n      onDismiss={() => setModalErrorMessage('')}\n      data-testid=\"line-item-note-error-banner\"\n    />\n  ) : null;\n\n  return (\n    <>\n      <ItemsQuotedComponent\n        data-testid=\"items-quoted-template-container\"\n        {...props}\n        loading={false}\n        table={\n          <Slot\n            name=\"ProductListTable\"\n            slot={slots?.ProductListTable}\n            context={{\n              items: templateData.items,\n              canEdit: templateData.canSendForReview,\n              dropdownSelections: mergedDropdownSelections,\n              handleItemDropdownChange,\n              handleQuantityChange,\n              handleUpdate,\n            }}\n          >\n            <ProductListTable\n              items={templateData.items as ProductListTableItem[]}\n              canEdit={templateData.canSendForReview}\n              showActions={templateData.canEditTemplateItems}\n              onItemDropdownChange={handleItemDropdownChange}\n              onQuantityChange={handleQuantityChange}\n              onUpdate={handleUpdate}\n              dropdownSelections={mergedDropdownSelections}\n            />\n          </Slot>\n        }\n        pricesSummary={\n          <Slot\n            name=\"QuotePricesSummary\"\n            slot={slots?.QuotePricesSummary}\n            context={{\n              items: templateData.items,\n              prices: templateData.prices,\n            }}\n          >\n            <QuotePricesSummary entries={quotePricesSummaryEntries} />\n          </Slot>\n        }\n      />\n      {/* Confirmation Modal for remove/update */}\n      {confirmationModalProps && (\n        <ConfirmationModal\n          {...confirmationModalProps}\n        />\n      )}\n      {/* Line Item Note Modal */}\n      {selectedItem && (\n        <LineItemNoteModal\n          open={isLineItemNoteModalOpen}\n          item={selectedItem as any}\n          onClose={handleModalClose}\n          onConfirm={handleModalConfirm}\n          isSubmitting={isSubmitting}\n          readOnlyQuantity={true}\n          errorBanner={modalErrorBanner || undefined}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["NOTIFICATION_AUTO_DISMISS_DELAY","useRemoveTemplateItems","params","templateId","onRemoveModalStateChange","removeSuccessMessage","removeErrorMessage","isRemoveModalOpen","setIsRemoveModalOpen","useState","itemsToRemove","setItemsToRemove","isRemoving","setIsRemoving","removeNotificationState","setRemoveNotificationState","useEffect","templateDataEvent","events","handleRemoveItems","useCallback","items","handleConfirmRemove","uidsToRemove","item","removeQuoteTemplateItems","err","errorMessage","handleCancelRemove","useItemsQuotedTemplate","dropdownSelections","setDropdownSelections","handleDismissRemoveBanner","handleItemDropdownChange","action","cartItem","prev","next","useUpdateTemplateQuantities","onUpdateModalStateChange","updateSuccessMessage","updateErrorMessage","quantityChanges","setQuantityChanges","isUpdateModalOpen","setIsUpdateModalOpen","isUpdating","setIsUpdating","updateNotificationState","setUpdateNotificationState","handleQuantityChange","newQuantity","itemUid","handleUpdate","e","handleConfirmUpdate","itemId","quantity","updateQuoteTemplateItemQuantities","handleCancelUpdate","handleDismissBanner","ItemsQuotedTemplate","initialData","slots","props","templateData","setTemplateData","selectedItem","setSelectedItem","isLineItemNoteModalOpen","setIsLineItemNoteModalOpen","isSubmitting","setIsSubmitting","modalErrorMessage","setModalErrorMessage","dictionary","useText","hookDropdownSelections","hookHandleItemDropdownChange","payload","templateItem","mergedDropdownSelections","handleModalClose","handleModalConfirm","note","addQuoteTemplateLineItemNote","error","removeConfirmationBanner","jsx","InLineAlert","CheckWithCircle","WarningFilled","updateConfirmationBanner","ItemsQuotedComponent","removeConfirmationModalProps","updateConfirmationModalProps","confirmationModalProps","quotePricesSummaryEntries","Price","modalErrorBanner","jsxs","Fragment","Slot","ProductListTable","QuotePricesSummary","ConfirmationModal","LineItemNoteModal"],"mappings":"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"}
+{"version":3,"file":"ItemsQuotedTemplate.js","sources":["/@dropins/storefront-quote-management/src/hooks/useRemoveTemplateItems.ts","/@dropins/storefront-quote-management/src/hooks/useItemsQuotedTemplate.ts","/@dropins/storefront-quote-management/src/hooks/useUpdateTemplateQuantities.ts","/@dropins/storefront-quote-management/src/containers/ItemsQuotedTemplate/ItemsQuotedTemplate.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 { useState, useEffect, useCallback } from 'preact/compat';\nimport { events } from '@adobe-commerce/event-bus';\nimport { removeQuoteTemplateItems } from '@/quote-management/api/removeQuoteTemplateItems';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface UseRemoveTemplateItemsReturn {\n  handleRemoveItems: (items: CartItemModel[]) => void;\n  handleConfirmRemove: () => Promise<void>;\n  handleCancelRemove: () => void;\n  isRemoveModalOpen: boolean;\n  itemsToRemove: CartItemModel[];\n  isRemoving: boolean;\n  removeNotificationState: {\n    type: 'success' | 'error' | null;\n    message: string;\n  };\n}\n\nexport interface UseRemoveTemplateItemsParams {\n  templateId?: string;\n  onRemoveModalStateChange?: (isOpen: boolean) => void;\n  removeSuccessMessage: string;\n  removeErrorMessage: string;\n}\n\n/**\n * Custom hook to manage removing items from a quote template\n */\nexport const useRemoveTemplateItems = (\n  params: UseRemoveTemplateItemsParams\n): UseRemoveTemplateItemsReturn => {\n  const {\n    templateId,\n    onRemoveModalStateChange,\n    removeSuccessMessage,\n    removeErrorMessage,\n  } = params;\n\n  const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false);\n  const [itemsToRemove, setItemsToRemove] = useState<CartItemModel[]>([]);\n  const [isRemoving, setIsRemoving] = useState(false);\n  const [removeNotificationState, setRemoveNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n\n  // Listen for quote template data event (successful removal)\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      () => {\n        setItemsToRemove([]);\n        setIsRemoving(false);\n        setRemoveNotificationState({\n          type: 'success',\n          message: removeSuccessMessage,\n        });\n        // Auto-close success notification after delay\n        setTimeout(() => {\n          setIsRemoveModalOpen(false);\n          setRemoveNotificationState({ type: null, message: '' });\n          onRemoveModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => templateDataEvent?.off();\n  }, [removeSuccessMessage, onRemoveModalStateChange]);\n\n  // Unified handler for removing items (single or multiple)\n  const handleRemoveItems = useCallback((items: CartItemModel[]) => {\n    if (!items || items.length === 0) {\n      return;\n    }\n    setItemsToRemove(items);\n    setRemoveNotificationState({ type: null, message: '' });\n    setIsRemoveModalOpen(true);\n  }, []);\n\n  const handleConfirmRemove = useCallback(async () => {\n    if (!templateId || itemsToRemove.length === 0) {\n      return;\n    }\n\n    const uidsToRemove = itemsToRemove.map((item) => item.uid).filter(Boolean) as string[];\n\n    if (uidsToRemove.length === 0) {\n      return;\n    }\n\n    setIsRemoving(true);\n    setRemoveNotificationState({ type: null, message: '' });\n\n    try {\n      await removeQuoteTemplateItems({\n        templateId,\n        itemUids: uidsToRemove,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : removeErrorMessage;\n      setRemoveNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      setIsRemoving(false);\n    }\n  }, [templateId, itemsToRemove, removeErrorMessage]);\n\n  const handleCancelRemove = useCallback(() => {\n    setIsRemoveModalOpen(false);\n    setRemoveNotificationState({ type: null, message: '' });\n    onRemoveModalStateChange?.(false);\n    setItemsToRemove([]);\n  }, [onRemoveModalStateChange]);\n\n  return {\n    handleRemoveItems,\n    handleConfirmRemove,\n    handleCancelRemove,\n    isRemoveModalOpen,\n    itemsToRemove,\n    isRemoving,\n    removeNotificationState,\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 { useState, useCallback } from 'preact/compat';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\n\nexport interface UseItemsQuotedTemplateReturn {\n  dropdownSelections: Record<string, string | undefined>;\n  handleItemDropdownChange: (item: CartItemModel, action: string) => void;\n  handleDismissRemoveBanner: () => void;\n}\n\nexport interface UseItemsQuotedTemplateParams {\n  handleRemoveItems: (items: CartItemModel[]) => void;\n}\n\n/**\n * Custom hook to manage dropdown selections and item actions for quote template items\n */\nexport const useItemsQuotedTemplate = (\n  params: UseItemsQuotedTemplateParams\n): UseItemsQuotedTemplateReturn => {\n  const { handleRemoveItems } = params;\n\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string | undefined>\n  >({});\n\n  const handleDismissRemoveBanner = useCallback(() => {\n    // The hook manages its own notification state, but we can add custom dismiss logic if needed\n  }, []);\n\n  const handleItemDropdownChange = useCallback(\n    (item: CartItemModel, action: string) => {\n      const cartItem = item;\n\n      // Handle remove action\n      if (action === 'remove') {\n        setDropdownSelections((prev) => ({\n          ...prev,\n          [cartItem.uid || '']: action,\n        }));\n        handleRemoveItems([cartItem]);\n        // Reset dropdown immediately\n        setDropdownSelections((prev) => ({ ...prev, [cartItem.uid || '']: '' }));\n        return;\n      }\n\n      // Clear dropdown selection for other actions\n      setDropdownSelections((prev) => {\n        if (!cartItem.uid || !(cartItem.uid in prev)) {\n          return prev;\n        }\n        const next = { ...prev };\n        delete next[cartItem.uid];\n        return next;\n      });\n    },\n    [handleRemoveItems]\n  );\n\n  return {\n    dropdownSelections,\n    handleItemDropdownChange,\n    handleDismissRemoveBanner,\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 { useState, useEffect, useCallback } from 'preact/compat';\nimport { events } from '@adobe-commerce/event-bus';\nimport { updateQuoteTemplateItemQuantities } from '@/quote-management/api/updateQuoteTemplateItemQuantities';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface UseUpdateTemplateQuantitiesReturn {\n  quantityChanges: Record<string, number>;\n  handleQuantityChange: (item: CartItemModel, newQuantity: number) => void;\n  handleUpdate: (e: SubmitEvent) => void;\n  handleConfirmUpdate: () => Promise<void>;\n  handleCancelUpdate: () => void;\n  handleDismissBanner: () => void;\n  isUpdateModalOpen: boolean;\n  isUpdating: boolean;\n  updateNotificationState: {\n    type: 'success' | 'error' | null;\n    message: string;\n  };\n}\n\nexport interface UseUpdateTemplateQuantitiesParams {\n  templateId?: string;\n  onUpdateModalStateChange?: (isOpen: boolean) => void;\n  updateSuccessMessage: string;\n  updateErrorMessage: string;\n}\n\n/**\n * Custom hook to manage updating quantities of items in a quote template\n */\nexport const useUpdateTemplateQuantities = (\n  params: UseUpdateTemplateQuantitiesParams\n): UseUpdateTemplateQuantitiesReturn => {\n  const {\n    templateId,\n    onUpdateModalStateChange,\n    updateSuccessMessage,\n    updateErrorMessage,\n  } = params;\n\n  const [quantityChanges, setQuantityChanges] = useState<Record<string, number>>({});\n  const [isUpdateModalOpen, setIsUpdateModalOpen] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n  const [updateNotificationState, setUpdateNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n\n  // Listen for quote template data event (successful update)\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      () => {\n        setQuantityChanges({});\n        setIsUpdating(false);\n        setUpdateNotificationState({\n          type: 'success',\n          message: updateSuccessMessage,\n        });\n        // Auto-close success notification after delay\n        setTimeout(() => {\n          setIsUpdateModalOpen(false);\n          setUpdateNotificationState({ type: null, message: '' });\n          onUpdateModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => templateDataEvent?.off();\n  }, [updateSuccessMessage, onUpdateModalStateChange]);\n\n  const handleQuantityChange = useCallback(\n    (item: CartItemModel, newQuantity: number) => {\n      const cartItem = item;\n      if (!cartItem.uid) {\n        return;\n      }\n      const itemUid = cartItem.uid;\n      setQuantityChanges((prev) => ({\n        ...prev,\n        [itemUid]: newQuantity,\n      }));\n    },\n    []\n  );\n\n  const handleUpdate = useCallback((e: SubmitEvent) => {\n    e.preventDefault();\n    setUpdateNotificationState({ type: null, message: '' });\n    setIsUpdateModalOpen(true);\n  }, []);\n\n  const handleConfirmUpdate = useCallback(async () => {\n    if (!templateId || Object.keys(quantityChanges).length === 0) {\n      setIsUpdateModalOpen(false);\n      return;\n    }\n\n    setIsUpdating(true);\n    setUpdateNotificationState({ type: null, message: '' });\n\n    // Map quantity changes to API format\n    const items = Object.entries(quantityChanges).map(([itemId, quantity]) => ({\n      itemId,\n      quantity,\n    }));\n\n    try {\n      await updateQuoteTemplateItemQuantities({\n        templateId,\n        items,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : updateErrorMessage;\n      setUpdateNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      setIsUpdating(false);\n    }\n  }, [templateId, quantityChanges, updateErrorMessage]);\n\n  const handleCancelUpdate = useCallback(() => {\n    setIsUpdateModalOpen(false);\n    setUpdateNotificationState({ type: null, message: '' });\n    onUpdateModalStateChange?.(false);\n    setQuantityChanges({});\n  }, [onUpdateModalStateChange]);\n\n  const handleDismissBanner = useCallback(() => {\n    setUpdateNotificationState({ type: null, message: '' });\n  }, []);\n\n  return {\n    quantityChanges,\n    handleQuantityChange,\n    handleUpdate,\n    handleConfirmUpdate,\n    handleCancelUpdate,\n    handleDismissBanner,\n    isUpdateModalOpen,\n    isUpdating,\n    updateNotificationState,\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 {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { CheckWithCircle, WarningFilled } from '@adobe-commerce/elsie/icons';\nimport {\n  NegotiableQuoteTemplateModel,\n} from '@/quote-management/data/models/negotiable-quote-template-model';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\nimport {\n  QuotePricesSummary,\n  ProductListTable,\n  ItemsQuoted as ItemsQuotedComponent,\n  ConfirmationModal,\n} from '@/quote-management/components';\nimport { LineItemNoteModal } from '@/quote-management/components/LineItemNoteModal';\nimport { addQuoteTemplateLineItemNote } from '@/quote-management/api';\nimport { useRemoveTemplateItems } from '@/quote-management/hooks/useRemoveTemplateItems';\nimport { useItemsQuotedTemplate } from '@/quote-management/hooks/useItemsQuotedTemplate';\nimport { useUpdateTemplateQuantities } from '@/quote-management/hooks/useUpdateTemplateQuantities';\n\nexport interface ItemsQuotedTemplateProps\n  extends HTMLAttributes<HTMLDivElement> {\n  templateData?: NegotiableQuoteTemplateModel;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      canEdit: boolean;\n      dropdownSelections: Record<string, string | undefined>;\n      handleItemDropdownChange: (item: CartItemModel, action: string) => void;\n      handleQuantityChange: (item: CartItemModel, newQuantity: number) => void;\n      handleUpdate: (e: SubmitEvent) => void;\n      onItemDropdownChange?: (item: any, action: string) => void;\n    }>;\n    QuotePricesSummary?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      prices: NegotiableQuoteTemplateModel['prices'];\n    }>;\n  };\n}\n\nexport const ItemsQuotedTemplate: Container<ItemsQuotedTemplateProps> = ({\n  templateData: initialData,\n  slots,\n  ...props\n}) => {\n  const [templateData, setTemplateData] = useState<\n    NegotiableQuoteTemplateModel | undefined\n  >(initialData);\n  const [selectedItem, setSelectedItem] =\n    useState<CartItemModel | null>(null);\n  const [isLineItemNoteModalOpen, setIsLineItemNoteModalOpen] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [modalErrorMessage, setModalErrorMessage] = useState('');\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string>\n  >({});\n\n  const dictionary = useText({\n    subtotal:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes:\n      'NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes',\n    removeModalTitle: 'NegotiableQuoteTemplate.Manage.removeItemsModal.title',\n    removeModalDescription: 'NegotiableQuoteTemplate.Manage.removeItemsModal.description',\n    removeModalCancelButton: 'NegotiableQuoteTemplate.Manage.removeItemsModal.cancelButton',\n    removeModalConfirmButton: 'NegotiableQuoteTemplate.Manage.removeItemsModal.confirmButton',\n    removeModalConfirmButtonRemoving: 'NegotiableQuoteTemplate.Manage.removeItemsModal.confirmButtonRemoving',\n    removeSuccessHeading: 'NegotiableQuoteTemplate.Manage.removeItemsModal.successHeading',\n    removeSuccessMessage: 'NegotiableQuoteTemplate.Manage.removeItemsModal.successMessage',\n    removeErrorHeading: 'NegotiableQuoteTemplate.Manage.removeItemsModal.errorHeading',\n    removeErrorMessage: 'NegotiableQuoteTemplate.Manage.removeItemsModal.errorMessage',\n    updateModalTitle: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.title',\n    updateModalDescription: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.description',\n    updateModalCancelButton: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.cancelButton',\n    updateModalUpdateButton: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.updateButton',\n    updateSuccessHeading: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.successHeading',\n    updateSuccessMessage: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.successMessage',\n    updateErrorHeading: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.errorHeading',\n    updateErrorMessage: 'NegotiableQuoteTemplate.Manage.updateQuantitiesModal.errorMessage',\n    errorHeading:\n      'NegotiableQuoteTemplate.Manage.lineItemNoteModal.errorHeading',\n  });\n\n  // Use the remove template items hook\n  const {\n    handleRemoveItems,\n    handleConfirmRemove,\n    handleCancelRemove,\n    isRemoveModalOpen,\n    isRemoving,\n    removeNotificationState,\n  } = useRemoveTemplateItems({\n    templateId: templateData?.id,\n    removeSuccessMessage: dictionary.removeSuccessMessage,\n    removeErrorMessage: dictionary.removeErrorMessage,\n  });\n\n  // Use the items quoted template hook for dropdown and interaction logic\n  const {\n    dropdownSelections: hookDropdownSelections,\n    handleItemDropdownChange: hookHandleItemDropdownChange,\n    handleDismissRemoveBanner,\n  } = useItemsQuotedTemplate({\n    handleRemoveItems,\n  });\n\n  // Use the update template quantities hook\n  const {\n    handleQuantityChange,\n    handleUpdate,\n    handleConfirmUpdate,\n    handleCancelUpdate,\n    handleDismissBanner,\n    isUpdateModalOpen,\n    updateNotificationState,\n  } = useUpdateTemplateQuantities({\n    templateId: templateData?.id,\n    updateSuccessMessage: dictionary.updateSuccessMessage,\n    updateErrorMessage: dictionary.updateErrorMessage,\n  });\n\n  useEffect(() => {\n    const templateDataEvent = events.on(\n      'quote-management/quote-template-data',\n      (payload) => {\n        setTemplateData(payload.quoteTemplate);\n        setDropdownSelections({});\n      },\n      { eager: true }\n    );\n\n    return () => templateDataEvent?.off();\n  }, []);\n\n  // Combined handler for dropdown selection that handles both remove (via hook) and edit (for line item notes)\n  const handleItemDropdownChange = useCallback(\n    (item: CartItemModel, action: string) => {\n      const templateItem = item;\n      \n      // Handle edit action - open line item note modal\n      if (action === 'edit') {\n        setSelectedItem(templateItem);\n        setIsLineItemNoteModalOpen(true);\n        // Reset dropdown immediately\n        setDropdownSelections((prev) => ({\n          ...prev,\n          [templateItem.uid]: '',\n        }));\n        return;\n      }\n\n      // For remove and other actions, delegate to hook handler\n      hookHandleItemDropdownChange(item, action);\n    },\n    [hookHandleItemDropdownChange]\n  );\n\n  // Merge dropdown selections from hook and local state\n  const mergedDropdownSelections = { ...hookDropdownSelections, ...dropdownSelections };\n\n  // Handle modal close\n  const handleModalClose = useCallback(() => {\n    // Clean up dropdown selection for the selected item before clearing it\n    /* istanbul ignore else: defensive check - selectedItem should always be truthy when modal is open */\n    if (selectedItem) {\n      setDropdownSelections((prev) => {\n        const next = { ...prev };\n        delete next[selectedItem.uid];\n        return next;\n      });\n    }\n    setIsLineItemNoteModalOpen(false);\n    setSelectedItem(null);\n    setIsSubmitting(false);\n    setModalErrorMessage('');\n  }, [selectedItem]);\n\n  // Handle modal confirm - submit note only (quantity is read-only for templates)\n  const handleModalConfirm = useCallback(\n    async (note: string) => {\n      /* istanbul ignore next: defensive guard for async race conditions - unreachable in normal flow as modal only renders with selectedItem and templateData */\n      if (!selectedItem || !templateData) return;\n\n      setIsSubmitting(true);\n      setModalErrorMessage('');\n\n      try {\n        // Set the line item note\n        await addQuoteTemplateLineItemNote({\n          templateId: templateData.id,\n          itemId: selectedItem.uid,\n          note,\n        });\n\n        // Close modal on success\n        handleModalClose();\n      } catch (error) {\n        console.error('Failed to set template line item note:', error);\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : 'Unable to update the item. Please try again.';\n        setModalErrorMessage(errorMessage);\n        setIsSubmitting(false);\n      }\n    },\n    [selectedItem, templateData, handleModalClose]\n  );\n\n  // Create remove confirmation banner based on notification state\n  const removeConfirmationBanner =\n    removeNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.removeSuccessHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-success-banner\"\n      />\n    ) : removeNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.removeErrorHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-error-banner\"\n      />\n    ) : null;\n\n  // Create update quantities confirmation banner based on notification state\n  const updateConfirmationBanner =\n    updateNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.updateSuccessHeading}\n        description={updateNotificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-success-banner\"\n      />\n    ) : updateNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.updateErrorHeading}\n        description={updateNotificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-error-banner\"\n      />\n    ) : null;\n\n  if (!templateData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const removeConfirmationModalProps = isRemoveModalOpen ? {\n    open: true,\n    title: dictionary.removeModalTitle,\n    message: dictionary.removeModalDescription,\n    cancelLabel: dictionary.removeModalCancelButton,\n    confirmLabel: isRemoving\n      ? dictionary.removeModalConfirmButtonRemoving\n      : dictionary.removeModalConfirmButton,\n    onCancel: handleCancelRemove,\n    onConfirm: handleConfirmRemove,\n    confirmationBanner: removeConfirmationBanner,\n  } : null;\n\n  const updateConfirmationModalProps = isUpdateModalOpen ? {\n    open: true,\n    title: dictionary.updateModalTitle,\n    message: dictionary.updateModalDescription,\n    cancelLabel: dictionary.updateModalCancelButton,\n    confirmLabel: dictionary.updateModalUpdateButton,\n    onCancel: handleCancelUpdate,\n    onConfirm: handleConfirmUpdate,\n    confirmationBanner: updateConfirmationBanner,\n  } : null;\n\n  // Only define a single confirmation modal\n  const confirmationModalProps = removeConfirmationModalProps || updateConfirmationModalProps;\n\n  const quotePricesSummaryEntries = [];\n\n  templateData.prices.subtotalExcludingTax &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.subtotal,\n      id: 'subtotal',\n      value: (\n        <Price\n          amount={templateData.prices.subtotalExcludingTax.value}\n          currency={templateData.prices.subtotalExcludingTax.currency}\n          weight=\"normal\"\n        />\n      ),\n    });\n\n  templateData.prices.grandTotal &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.grandTotal,\n      id: 'total',\n      value: (\n        <Price\n          amount={templateData.prices.grandTotal.value}\n          currency={templateData.prices.grandTotal.currency}\n        />\n      ),\n      strong: true,\n    });\n\n  // Create modal error banner\n  const modalErrorBanner = modalErrorMessage ? (\n    <InLineAlert\n      type=\"error\"\n      variant=\"primary\"\n      icon={<WarningFilled />}\n      heading={dictionary.errorHeading}\n      description={modalErrorMessage}\n      onDismiss={() => setModalErrorMessage('')}\n      data-testid=\"line-item-note-error-banner\"\n    />\n  ) : null;\n\n  return (\n    <>\n      <ItemsQuotedComponent\n        data-testid=\"items-quoted-template-container\"\n        {...props}\n        loading={false}\n        table={\n          <Slot\n            name=\"ProductListTable\"\n            slot={slots?.ProductListTable}\n            context={{\n              items: templateData.items,\n              canEdit: templateData.canSendForReview,\n              dropdownSelections: mergedDropdownSelections,\n              handleItemDropdownChange,\n              handleQuantityChange,\n              handleUpdate,\n            }}\n          >\n            <ProductListTable\n              items={templateData.items}\n              canEdit={templateData.canSendForReview}\n              showActions={templateData.canEditTemplateItems}\n              onItemDropdownChange={handleItemDropdownChange}\n              onQuantityChange={handleQuantityChange}\n              onUpdate={handleUpdate}\n              dropdownSelections={mergedDropdownSelections}\n            />\n          </Slot>\n        }\n        pricesSummary={\n          <Slot\n            name=\"QuotePricesSummary\"\n            slot={slots?.QuotePricesSummary}\n            context={{\n              items: templateData.items,\n              prices: templateData.prices,\n            }}\n          >\n            <QuotePricesSummary entries={quotePricesSummaryEntries} />\n          </Slot>\n        }\n      />\n      {/* Confirmation Modal for remove/update */}\n      {confirmationModalProps && (\n        <ConfirmationModal\n          {...confirmationModalProps}\n        />\n      )}\n      {/* Line Item Note Modal */}\n      {selectedItem && (\n        <LineItemNoteModal\n          open={isLineItemNoteModalOpen}\n          item={selectedItem as any}\n          onClose={handleModalClose}\n          onConfirm={handleModalConfirm}\n          isSubmitting={isSubmitting}\n          readOnlyQuantity={true}\n          errorBanner={modalErrorBanner || undefined}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["NOTIFICATION_AUTO_DISMISS_DELAY","useRemoveTemplateItems","params","templateId","onRemoveModalStateChange","removeSuccessMessage","removeErrorMessage","isRemoveModalOpen","setIsRemoveModalOpen","useState","itemsToRemove","setItemsToRemove","isRemoving","setIsRemoving","removeNotificationState","setRemoveNotificationState","useEffect","templateDataEvent","events","handleRemoveItems","useCallback","items","handleConfirmRemove","uidsToRemove","item","removeQuoteTemplateItems","err","errorMessage","handleCancelRemove","useItemsQuotedTemplate","dropdownSelections","setDropdownSelections","handleDismissRemoveBanner","handleItemDropdownChange","action","cartItem","prev","next","useUpdateTemplateQuantities","onUpdateModalStateChange","updateSuccessMessage","updateErrorMessage","quantityChanges","setQuantityChanges","isUpdateModalOpen","setIsUpdateModalOpen","isUpdating","setIsUpdating","updateNotificationState","setUpdateNotificationState","handleQuantityChange","newQuantity","itemUid","handleUpdate","e","handleConfirmUpdate","itemId","quantity","updateQuoteTemplateItemQuantities","handleCancelUpdate","handleDismissBanner","ItemsQuotedTemplate","initialData","slots","props","templateData","setTemplateData","selectedItem","setSelectedItem","isLineItemNoteModalOpen","setIsLineItemNoteModalOpen","isSubmitting","setIsSubmitting","modalErrorMessage","setModalErrorMessage","dictionary","useText","hookDropdownSelections","hookHandleItemDropdownChange","payload","templateItem","mergedDropdownSelections","handleModalClose","handleModalConfirm","note","addQuoteTemplateLineItemNote","error","removeConfirmationBanner","jsx","InLineAlert","CheckWithCircle","WarningFilled","updateConfirmationBanner","ItemsQuotedComponent","removeConfirmationModalProps","updateConfirmationModalProps","confirmationModalProps","quotePricesSummaryEntries","Price","modalErrorBanner","jsxs","Fragment","Slot","ProductListTable","QuotePricesSummary","ConfirmationModal","LineItemNoteModal"],"mappings":"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"}

package/chunks/LineItemNoteModal.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as t,jsxs as o,Fragment as G}from"@dropins/tools/preact-jsx-runtime.js";import{classes as v,VComponent as E}from"@dropins/tools/lib.js";/* empty css                      */import{Skeleton as C,SkeletonRow as ee,Input as V,Picker as te,Price as Q,Checkbox as ae,Button as F,Table as W,Accordion as ne,AccordionSection as oe,Modal as le,TextArea as ie}from"@dropins/tools/components.js";import{h as z}from"@dropins/tools/preact.js";import{useState as R,useEffect as se}from"@dropins/tools/preact-hooks.js";import{g as ue}from"./dateUtils.js";import{useText as Z}from"@dropins/tools/i18n.js";import{useState as D,useEffect as re,useCallback as O}from"@dropins/tools/preact-compat.js";const ye=({className:N,loading:c,table:a,pricesSummary:u,...i})=>c?t(ce,{}):o("div",{className:v(["quote-management-items-quoted",N]),...i,children:[a&&t(E,{node:a,className:v(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),u&&t(E,{node:u,className:v(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),ce=()=>t(C,{"data-testid":"items-quoted-skeleton",children:t(ee,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),ve=({className:N,items:c,canEdit:a,readOnly:u=!1,showActions:i,onItemCheckboxChange:d,onItemDropdownChange:p,onQuantityChange:k,onUpdate:M,dropdownSelections:q,..._})=>{const[T,f]=R({}),[h,b]=R({});se(()=>{const e={};c.forEach(s=>{e[s.uid]=s.quantity}),f(e),b(e)},[c]);const y=Object.keys(h).some(e=>h[e]!==T[e]),n=Z({updateButton:"NegotiableQuote.Manage.productListTable.submitButton",productNameHeader:"NegotiableQuote.Manage.productListTable.headers.productName",skuHeader:"NegotiableQuote.Manage.productListTable.headers.sku",priceHeader:"NegotiableQuote.Manage.productListTable.headers.price",quantityHeader:"NegotiableQuote.Manage.productListTable.headers.quantity",discountHeader:"NegotiableQuote.Manage.productListTable.headers.discount",subtotalHeader:"NegotiableQuote.Manage.productListTable.headers.subtotal",actionsHeader:"NegotiableQuote.Manage.productListTable.headers.actions",editNoteToSeller:"NegotiableQuote.Manage.productListTable.actions.editNoteToSeller",remove:"NegotiableQuote.Manage.productListTable.actions.remove",notesHeader:"NegotiableQuote.Manage.productListTable.notes.header",leftANote:"NegotiableQuote.Manage.productListTable.notes.leftANote",buyer:"NegotiableQuote.Manage.productListTable.notes.buyer"}),I=[{label:n.productNameHeader,key:"productName"},{label:n.skuHeader,key:"sku"},{label:n.priceHeader,key:"price"},{label:n.quantityHeader,key:"quantity"},{label:n.discountHeader,key:"discount"},{label:n.subtotalHeader,key:"subtotal"}];a&&!u&&I.unshift({label:"",key:"checkbox"}),(i??a)&&!u&&I.push({label:n.actionsHeader,key:"actions"});const j=(e,s)=>{const l=e.target.checked;d==null||d(s,l)},S=(e,s)=>{const l=e.target.value;p==null||p(s,l)},B=(e,s)=>{const l=parseInt(e.target.value,10);!isNaN(l)&&l>0&&(b(g=>({...g,[s.uid]:l})),k==null||k(s,l))},$=e=>{e.preventDefault(),M==null||M(e)},r=(e,s)=>e>0?o("div",{className:"quote-management-product-list-table__discount-container",children:[o("span",{className:"quote-management-product-list-table__discount-percent",children:[s,"%"]}),o("span",{className:"quote-management-product-list-table__discount-price",children:["(",t(Q,{amount:e}),")"]})]}):void 0,L=e=>{var g,H;const s=(g=e.configurableOptions)==null?void 0:g.map(m=>o("div",{className:"quote-management-product-list-table__configurable-option",children:[o("span",{className:"quote-management-product-list-table__configurable-option-label",children:[m.optionLabel,":"]}),t("span",{className:"quote-management-product-list-table__configurable-option-value",children:m.valueLabel})]},m.optionLabel)),l=(H=e.bundleOptions)==null?void 0:H.map(m=>o("div",{className:"quote-management-product-list-table__bundle-option",children:[t("span",{className:"quote-management-product-list-table__bundle-option-label",children:m.label}),t("div",{className:"quote-management-product-list-table__bundle-option-values",children:m.values.map(w=>o("span",{className:"quote-management-product-list-table__bundle-option-value",children:[o("span",{className:"quote-management-product-list-table__bundle-option-value-quantity",children:[w.quantity," x"]}),t("span",{className:"quote-management-product-list-table__bundle-option-value-label",children:w.label}),t(Q,{className:"quote-management-product-list-table__bundle-option-value-original-price",amount:w.originalPrice.value,currency:w.originalPrice.currency,weight:"normal"})]},w.label))})]},m.label));return o("div",{className:"quote-management-product-list-table__product-name-container",children:[t("span",{className:"quote-management-product-list-table__product-name",children:e.product.name}),s,l]})},A=e=>new Date(e).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0,timeZone:ue()}),x=e=>{if(!e.noteFromBuyer||e.noteFromBuyer.length===0)return null;const s=e.noteFromBuyer.filter(l=>l&&l.note&&l.note.trim()!=="");return s.length===0?null:o("div",{className:"quote-management-product-list-table__notes-container","data-testid":`item-notes-${e.product.sku}`,children:[t("div",{className:"quote-management-product-list-table__notes-header",children:n.notesHeader}),t("div",{className:"quote-management-product-list-table__notes-list",children:s.map((l,g)=>o("div",{className:"quote-management-product-list-table__note-item",children:[o("div",{className:"quote-management-product-list-table__note-content",children:[o("strong",{className:"quote-management-product-list-table__note-meta",children:[A(l.createdAt)," (",n.buyer,")"]})," ",n.leftANote]}),o("div",{className:"quote-management-product-list-table__note-text",children:[l.note," "]})]},l.noteUid||g))})]})},J=c.flatMap(e=>{var H;const s=a?t(V,{className:"quote-management-product-list-table__quantity-input",type:"number",min:"1",value:((H=h[e.uid])==null?void 0:H.toString())||e.quantity.toString(),onChange:m=>B(m,e),disabled:u||!a,"data-testid":`quantity-input-${e.product.sku}`}):t("span",{className:"quote-management-product-list-table__quantity",children:e.quantity}),l={checkbox:t(ae,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${e.product.sku}`,onChange:m=>j(m,e),value:e.product.sku}),productName:L(e),sku:t("span",{className:"quote-management-product-list-table__sku",children:e.product.sku}),price:t(Q,{className:"quote-management-product-list-table__price",amount:e.prices.originalItemPrice.value,currency:e.prices.originalItemPrice.currency}),quantity:s,discount:e.catalogDiscount?r(e.catalogDiscount.amountOff,e.catalogDiscount.percentOff):void 0,subtotal:t(Q,{className:"quote-management-product-list-table__subtotal",amount:e.prices.rowTotal.value,currency:e.prices.rowTotal.currency}),actions:t(te,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${e.product.sku}`,name:`item-dropdown-${e.product.sku}`,handleSelect:m=>S(m,e),placeholder:"Select",value:(q==null?void 0:q[e.uid])??"",options:[{text:n.editNoteToSeller,value:"edit"},{text:n.remove,value:"remove"}]})},g=x(e);return g?[l,{checkbox:"",productName:t("div",{className:"quote-management-product-list-table__notes-row-wrapper",children:g}),sku:"",price:"",quantity:"",discount:"",subtotal:"",actions:""}]:[l]}),K=t(W,{columns:I,rowData:J,"data-testid":"product-list-table",mobileLayout:"stacked"}),U=a?z("form",{}):z("div",{}),X=a?{onSubmit:$,..._}:_,Y=t(F,{type:"submit",disabled:u||!a||!y,"data-testid":"product-list-table-submit-button",children:n.updateButton});return o(E,{node:U,className:v(["quote-management-product-list-table-container",N]),"data-testid":"product-list-table-container",...X,children:[K,t("div",{className:"quote-management-product-list-table-container__submit-container",children:Y})]})},ke=({className:N,entries:c,...a})=>{const u=i=>{var p;const d=(p=i.children)==null?void 0:p.map(u);return t("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${i.id}`,children:d?t(ne,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${i.id}`,children:t(oe,{className:"quote-management-quote-prices-summary__accordion-section",title:i.label,ariaLabelTitle:i.label,secondaryText:i.value,children:d})}):o(G,{children:[t("span",{className:v(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",i.strong]]),"data-testid":`quote-prices-summary-entry-label-${i.id}`,children:i.label}),t("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${i.id}`,children:i.value})]})},i.id)};return t("div",{className:v(["quote-management-quote-prices-summary",N]),"data-testid":"quote-prices-summary",...a,children:c==null?void 0:c.map(u)})},fe=({className:N,open:c,item:a,onClose:u,onConfirm:i,isSubmitting:d=!1,errorBanner:p,successBanner:k,showCloseButton:M=!0,readOnlyQuantity:q=!1})=>{const[_,T]=D(""),[f,h]=D(a.quantity),[b,y]=D({}),n=Z({title:"NegotiableQuote.Manage.lineItemNote.title",productLabel:"NegotiableQuote.Manage.lineItemNote.productLabel",skuLabel:"NegotiableQuote.Manage.lineItemNote.skuLabel",priceLabel:"NegotiableQuote.Manage.lineItemNote.priceLabel",stockLabel:"NegotiableQuote.Manage.lineItemNote.stockLabel",quantityLabel:"NegotiableQuote.Manage.lineItemNote.quantityLabel",discountLabel:"NegotiableQuote.Manage.lineItemNote.discountLabel",subtotalLabel:"NegotiableQuote.Manage.lineItemNote.subtotalLabel",noteLabel:"NegotiableQuote.Manage.lineItemNote.noteLabel",notePlaceholder:"NegotiableQuote.Manage.lineItemNote.notePlaceholder",noteHelper:"NegotiableQuote.Manage.lineItemNote.noteHelper",confirmButton:"NegotiableQuote.Manage.lineItemNote.confirmButton",cancelButton:"NegotiableQuote.Manage.lineItemNote.cancelButton",noteError:"NegotiableQuote.Manage.lineItemNote.noteError",quantityError:"NegotiableQuote.Manage.lineItemNote.quantityError"});re(()=>{var r;if(c){const L=((r=a.noteFromBuyer)==null?void 0:r.filter(x=>x&&x.note))||[],A=L.length>0?L[0].note:"";T(A||""),h(a.quantity),y({})}},[c,a.quantity,a.noteFromBuyer]);const I=O(()=>{const r={};if(_.trim()||(r.note=n.noteError),!q&&f<=0&&(r.quantity=n.quantityError),Object.keys(r).length>0){y(r);return}i(_.trim(),f)},[_,f,i,n,q]),P=O(()=>{T(""),h(a.quantity),y({}),u==null||u()},[u,a.quantity]);if(!c)return null;const S=a.discounts&&a.discounts.length>0?a.discounts.map(r=>r.label).join(", "):"-",B=[{label:n.productLabel,key:"productName"},{label:n.priceLabel,key:"price"},{label:n.stockLabel,key:"stock"},{label:n.quantityLabel,key:"quantity"},{label:n.discountLabel,key:"discount"},{label:n.subtotalLabel,key:"subtotal"}],$=[{productName:o("div",{className:"quote-management-line-item-note-modal__product-info",children:[t("div",{className:"quote-management-line-item-note-modal__product-name",children:a.product.name}),o("div",{className:"quote-management-line-item-note-modal__product-sku",children:[n.skuLabel,": ",a.product.sku]})]}),price:t(Q,{amount:a.prices.originalItemPrice.value,currency:a.prices.originalItemPrice.currency}),stock:t("span",{className:"quote-management-line-item-note-modal__stock",children:a.stockStatus}),quantity:q?t("span",{className:"quote-management-line-item-note-modal__quantity-readonly",children:a.quantity}):t(V,{name:"quantity",type:"number",min:"1",value:f.toString(),onInput:r=>{const L=parseInt(r.target.value,10)||0;h(L),y({...b,quantity:void 0})},disabled:d,error:!!b.quantity,required:!0,"data-testid":"line-item-note-quantity-input",className:"quote-management-line-item-note-modal__quantity-input"}),discount:t("span",{className:"quote-management-line-item-note-modal__discount",children:S}),subtotal:t(Q,{amount:a.prices.rowTotal.value,currency:a.prices.rowTotal.currency})}];return o(le,{open:c,size:"medium",title:t(G,{children:n.title}),onClose:P,clickToDismiss:!0,escapeToDismiss:!0,showCloseButton:M,className:v(["quote-management-line-item-note-modal",N]),"data-testid":"line-item-note-modal",children:[p&&t("div",{className:"quote-management-line-item-note-modal__error-banner","data-testid":"line-item-note-modal-error-banner",children:p}),k&&t("div",{className:"quote-management-line-item-note-modal__success-banner","data-testid":"line-item-note-modal-success-banner",children:k}),o("div",{className:"quote-management-line-item-note-modal__content",children:[o("div",{className:"quote-management-line-item-note-modal__details",children:[t(W,{columns:B,rowData:$,"data-testid":"line-item-note-table",mobileLayout:"stacked",className:"quote-management-line-item-note-modal__details-table"}),b.quantity&&t("div",{className:"quote-management-line-item-note-modal__table-error",children:b.quantity})]}),o("div",{className:"quote-management-line-item-note-modal__form-field",children:[t(ie,{name:"note",placeholder:n.notePlaceholder,rows:4,value:_,onInput:r=>{T(r.target.value),y({...b,note:void 0})},label:n.noteLabel,disabled:d,"data-testid":"line-item-note-textarea"}),!b.note&&t("span",{className:"quote-management-line-item-note-modal__helper-text",children:n.noteHelper}),b.note&&t("span",{className:"quote-management-line-item-note-modal__error-text",children:b.note})]})]}),o("div",{className:"quote-management-line-item-note-modal__actions",children:[t(F,{variant:"secondary",size:"medium",onClick:P,disabled:d,className:"quote-management-line-item-note-modal__cancel-button","data-testid":"line-item-note-cancel-button",children:n.cancelButton}),t(F,{variant:"primary",size:"medium",onClick:I,disabled:d,className:"quote-management-line-item-note-modal__confirm-button","data-testid":"line-item-note-confirm-button",children:n.confirmButton})]})]})};export{ye as I,fe as L,ve as P,ke as Q};
+import{jsx as t,jsxs as n,Fragment as F}from"@dropins/tools/preact-jsx-runtime.js";import{classes as f,VComponent as D}from"@dropins/tools/lib.js";/* empty css                      */import{Skeleton as te,SkeletonRow as ae,Input as V,InLineAlert as oe,Picker as ne,Price as T,Checkbox as le,Button as E,Table as Z,Accordion as ie,AccordionSection as se,Modal as re,TextArea as ue}from"@dropins/tools/components.js";import{h as R}from"@dropins/tools/preact.js";import{useState as W,useEffect as ce}from"@dropins/tools/preact-hooks.js";import{g as de}from"./dateUtils.js";import{S as me}from"./WarningFilled.js";import{useText as J}from"@dropins/tools/i18n.js";import{useState as A,useEffect as be,useCallback as G}from"@dropins/tools/preact-compat.js";const Qe=({className:q,loading:d,table:o,pricesSummary:u,...i})=>d?t(pe,{}):n("div",{className:f(["quote-management-items-quoted",q]),...i,children:[o&&t(D,{node:o,className:f(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),u&&t(D,{node:u,className:f(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),pe=()=>t(te,{"data-testid":"items-quoted-skeleton",children:t(ae,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),Me=({className:q,items:d,canEdit:o,readOnly:u=!1,showActions:i,onItemCheckboxChange:b,onItemDropdownChange:g,onQuantityChange:k,onUpdate:S,dropdownSelections:_,...h})=>{const[I,L]=W({}),[y,p]=W({});ce(()=>{const e={};d.forEach(s=>{e[s.uid]=s.quantity}),L(e),p(e)},[d]);const v=Object.keys(y).some(e=>y[e]!==I[e]),a=J({updateButton:"NegotiableQuote.Manage.productListTable.submitButton",productNameHeader:"NegotiableQuote.Manage.productListTable.headers.productName",skuHeader:"NegotiableQuote.Manage.productListTable.headers.sku",priceHeader:"NegotiableQuote.Manage.productListTable.headers.price",quantityHeader:"NegotiableQuote.Manage.productListTable.headers.quantity",discountHeader:"NegotiableQuote.Manage.productListTable.headers.discount",subtotalHeader:"NegotiableQuote.Manage.productListTable.headers.subtotal",actionsHeader:"NegotiableQuote.Manage.productListTable.headers.actions",editNoteToSeller:"NegotiableQuote.Manage.productListTable.actions.editNoteToSeller",remove:"NegotiableQuote.Manage.productListTable.actions.remove",notesHeader:"NegotiableQuote.Manage.productListTable.notes.header",leftANote:"NegotiableQuote.Manage.productListTable.notes.leftANote",buyer:"NegotiableQuote.Manage.productListTable.notes.buyer",seller:"NegotiableQuote.Manage.productListTable.notes.seller",outOfStock:"NegotiableQuote.Manage.productListTable.outOfStock",outOfStockMessage:"NegotiableQuote.Manage.productListTable.outOfStockMessage"}),w=[{label:a.productNameHeader,key:"productName"},{label:a.skuHeader,key:"sku"},{label:a.priceHeader,key:"price"},{label:a.quantityHeader,key:"quantity"},{label:a.discountHeader,key:"discount"},{label:a.subtotalHeader,key:"subtotal"}];o&&!u&&w.unshift({label:"",key:"checkbox"}),(i??o)&&!u&&w.push({label:a.actionsHeader,key:"actions"});const j=(e,s)=>{const r=e.target.checked;b==null||b(s,r)},P=(e,s)=>{const r=e.target.value;g==null||g(s,r)},B=(e,s)=>{const r=parseInt(e.target.value,10);!isNaN(r)&&r>0&&(p(N=>({...N,[s.uid]:r})),k==null||k(s,r))},O=e=>{e.preventDefault(),S==null||S(e)},c=(e,s)=>e>0?n("div",{className:"quote-management-product-list-table__discount-container",children:[n("span",{className:"quote-management-product-list-table__discount-percent",children:[s,"%"]}),n("span",{className:"quote-management-product-list-table__discount-price",children:["(",t(T,{amount:e}),")"]})]}):void 0,Q=e=>{var N,M;const s=(N=e.configurableOptions)==null?void 0:N.map(m=>n("div",{className:"quote-management-product-list-table__configurable-option",children:[n("span",{className:"quote-management-product-list-table__configurable-option-label",children:[m.optionLabel,":"]}),t("span",{className:"quote-management-product-list-table__configurable-option-value",children:m.valueLabel})]},m.optionLabel)),r=(M=e.bundleOptions)==null?void 0:M.map(m=>n("div",{className:"quote-management-product-list-table__bundle-option",children:[t("span",{className:"quote-management-product-list-table__bundle-option-label",children:m.label}),t("div",{className:"quote-management-product-list-table__bundle-option-values",children:m.values.map(l=>n("span",{className:"quote-management-product-list-table__bundle-option-value",children:[n("span",{className:"quote-management-product-list-table__bundle-option-value-quantity",children:[l.quantity," x"]}),t("span",{className:"quote-management-product-list-table__bundle-option-value-label",children:l.label}),t(T,{className:"quote-management-product-list-table__bundle-option-value-original-price",amount:l.originalPrice.value,currency:l.originalPrice.currency,weight:"normal"})]},l.label))})]},m.label));return n("div",{className:"quote-management-product-list-table__product-name-container",children:[t("span",{className:"quote-management-product-list-table__product-name",children:e.product.name}),s,r]})},$=e=>new Date(e).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0,timeZone:de()}),H=e=>{var M,m;const s=((M=e.noteFromBuyer)==null?void 0:M.filter(l=>l&&l.note&&l.note.trim()!==""))||[],r=((m=e.noteFromSeller)==null?void 0:m.filter(l=>l&&l.note&&l.note.trim()!==""))||[],N=[...s,...r];return N.length===0?null:n("div",{className:"quote-management-product-list-table__notes-container","data-testid":`item-notes-${e.product.sku}`,children:[t("div",{className:"quote-management-product-list-table__notes-header",children:a.notesHeader}),t("div",{className:"quote-management-product-list-table__notes-list",children:N.map((l,ee)=>n("div",{className:"quote-management-product-list-table__note-item",children:[n("div",{className:"quote-management-product-list-table__note-content",children:[n("strong",{className:"quote-management-product-list-table__note-meta",children:[$(l.createdAt)," (",s.includes(l)?a.buyer:a.seller,")"]})," ",a.leftANote]}),n("div",{className:"quote-management-product-list-table__note-text",children:[l.note," "]})]},l.noteUid||ee))})]})},z=new Set,K=d.flatMap((e,s)=>{var m;const r=H(e);(r||e.outOfStock)&&z.add(s);const N=o?t(V,{className:"quote-management-product-list-table__quantity-input",type:"number",min:"1",value:((m=y[e.uid])==null?void 0:m.toString())||e.quantity.toString(),onChange:l=>B(l,e),disabled:u||!o,"data-testid":`quantity-input-${e.product.sku}`}):t("span",{className:"quote-management-product-list-table__quantity",children:e.quantity});return[{checkbox:t(le,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${e.product.sku}`,onChange:l=>j(l,e),value:e.product.sku}),productName:Q(e),sku:t("span",{className:"quote-management-product-list-table__sku",children:e.product.sku}),price:t(T,{className:"quote-management-product-list-table__price",amount:e.prices.originalItemPrice.value,currency:e.prices.originalItemPrice.currency}),quantity:N,discount:e.catalogDiscount?c(e.catalogDiscount.amountOff,e.catalogDiscount.percentOff):void 0,subtotal:t(T,{className:"quote-management-product-list-table__subtotal",amount:e.prices.rowTotal.value,currency:e.prices.rowTotal.currency}),actions:t(ne,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${e.product.sku}`,name:`item-dropdown-${e.product.sku}`,handleSelect:l=>P(l,e),placeholder:"Select",value:(_==null?void 0:_[e.uid])??"",options:[{text:a.editNoteToSeller,value:"edit"},{text:a.remove,value:"remove"}]}),_rowDetails:n(F,{children:[e.outOfStock&&t("div",{className:"quote-management-product-list-table__out-of-stock-message",children:t(oe,{type:"warning",variant:"primary",icon:t(me,{}),heading:a.outOfStock,description:a.outOfStockMessage})}),r&&t("div",{className:"quote-management-product-list-table__notes-row-wrapper",children:r})]})}]}),U=t(Z,{columns:w,rowData:K,"data-testid":"product-list-table",mobileLayout:"stacked",expandedRows:z}),X=o?R("form",{}):R("div",{}),Y=o?{onSubmit:O,...h}:h,C=t(E,{type:"submit",disabled:u||!o||!v,"data-testid":"product-list-table-submit-button",children:a.updateButton});return n(D,{node:X,className:f(["quote-management-product-list-table-container",q]),"data-testid":"product-list-table-container",...Y,children:[U,t("div",{className:"quote-management-product-list-table-container__submit-container",children:C})]})},Te=({className:q,entries:d,...o})=>{const u=i=>{var g;const b=(g=i.children)==null?void 0:g.map(u);return t("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${i.id}`,children:b?t(ie,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${i.id}`,children:t(se,{className:"quote-management-quote-prices-summary__accordion-section",title:i.label,ariaLabelTitle:i.label,secondaryText:i.value,children:b})}):n(F,{children:[t("span",{className:f(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",i.strong]]),"data-testid":`quote-prices-summary-entry-label-${i.id}`,children:i.label}),t("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${i.id}`,children:i.value})]})},i.id)};return t("div",{className:f(["quote-management-quote-prices-summary",q]),"data-testid":"quote-prices-summary",...o,children:d==null?void 0:d.map(u)})},Se=({className:q,open:d,item:o,onClose:u,onConfirm:i,isSubmitting:b=!1,errorBanner:g,successBanner:k,showCloseButton:S=!0,readOnlyQuantity:_=!1})=>{const[h,I]=A(""),[L,y]=A(o.quantity),[p,v]=A({}),a=J({title:"NegotiableQuote.Manage.lineItemNote.title",productLabel:"NegotiableQuote.Manage.lineItemNote.productLabel",skuLabel:"NegotiableQuote.Manage.lineItemNote.skuLabel",priceLabel:"NegotiableQuote.Manage.lineItemNote.priceLabel",stockLabel:"NegotiableQuote.Manage.lineItemNote.stockLabel",quantityLabel:"NegotiableQuote.Manage.lineItemNote.quantityLabel",discountLabel:"NegotiableQuote.Manage.lineItemNote.discountLabel",subtotalLabel:"NegotiableQuote.Manage.lineItemNote.subtotalLabel",noteLabel:"NegotiableQuote.Manage.lineItemNote.noteLabel",notePlaceholder:"NegotiableQuote.Manage.lineItemNote.notePlaceholder",noteHelper:"NegotiableQuote.Manage.lineItemNote.noteHelper",confirmButton:"NegotiableQuote.Manage.lineItemNote.confirmButton",cancelButton:"NegotiableQuote.Manage.lineItemNote.cancelButton",noteError:"NegotiableQuote.Manage.lineItemNote.noteError",quantityError:"NegotiableQuote.Manage.lineItemNote.quantityError"});be(()=>{var c;if(d){const Q=((c=o.noteFromBuyer)==null?void 0:c.filter(H=>H&&H.note))||[],$=Q.length>0?Q[0].note:"";I($||""),y(o.quantity),v({})}},[d,o.quantity,o.noteFromBuyer]);const w=G(()=>{const c={};if(h.trim()||(c.note=a.noteError),!_&&L<=0&&(c.quantity=a.quantityError),Object.keys(c).length>0){v(c);return}i(h.trim(),L)},[h,L,i,a,_]),x=G(()=>{I(""),y(o.quantity),v({}),u==null||u()},[u,o.quantity]);if(!d)return null;const P=o.discounts&&o.discounts.length>0?o.discounts.map(c=>c.label).join(", "):"-",B=[{label:a.productLabel,key:"productName"},{label:a.priceLabel,key:"price"},{label:a.stockLabel,key:"stock"},{label:a.quantityLabel,key:"quantity"},{label:a.discountLabel,key:"discount"},{label:a.subtotalLabel,key:"subtotal"}],O=[{productName:n("div",{className:"quote-management-line-item-note-modal__product-info",children:[t("div",{className:"quote-management-line-item-note-modal__product-name",children:o.product.name}),n("div",{className:"quote-management-line-item-note-modal__product-sku",children:[a.skuLabel,": ",o.product.sku]})]}),price:t(T,{amount:o.prices.originalItemPrice.value,currency:o.prices.originalItemPrice.currency}),stock:t("span",{className:"quote-management-line-item-note-modal__stock",children:o.stockStatus}),quantity:_?t("span",{className:"quote-management-line-item-note-modal__quantity-readonly",children:o.quantity}):t(V,{name:"quantity",type:"number",min:"1",value:L.toString(),onInput:c=>{const Q=parseInt(c.target.value,10)||0;y(Q),v({...p,quantity:void 0})},disabled:b,error:!!p.quantity,required:!0,"data-testid":"line-item-note-quantity-input",className:"quote-management-line-item-note-modal__quantity-input"}),discount:t("span",{className:"quote-management-line-item-note-modal__discount",children:P}),subtotal:t(T,{amount:o.prices.rowTotal.value,currency:o.prices.rowTotal.currency})}];return n(re,{open:d,size:"medium",title:t(F,{children:a.title}),onClose:x,clickToDismiss:!0,escapeToDismiss:!0,showCloseButton:S,className:f(["quote-management-line-item-note-modal",q]),"data-testid":"line-item-note-modal",children:[g&&t("div",{className:"quote-management-line-item-note-modal__error-banner","data-testid":"line-item-note-modal-error-banner",children:g}),k&&t("div",{className:"quote-management-line-item-note-modal__success-banner","data-testid":"line-item-note-modal-success-banner",children:k}),n("div",{className:"quote-management-line-item-note-modal__content",children:[n("div",{className:"quote-management-line-item-note-modal__details",children:[t(Z,{columns:B,rowData:O,"data-testid":"line-item-note-table",mobileLayout:"stacked",className:"quote-management-line-item-note-modal__details-table"}),p.quantity&&t("div",{className:"quote-management-line-item-note-modal__table-error",children:p.quantity})]}),n("div",{className:"quote-management-line-item-note-modal__form-field",children:[t(ue,{name:"note",placeholder:a.notePlaceholder,rows:4,value:h,onInput:c=>{I(c.target.value),v({...p,note:void 0})},label:a.noteLabel,disabled:b,"data-testid":"line-item-note-textarea"}),!p.note&&t("span",{className:"quote-management-line-item-note-modal__helper-text",children:a.noteHelper}),p.note&&t("span",{className:"quote-management-line-item-note-modal__error-text",children:p.note})]})]}),n("div",{className:"quote-management-line-item-note-modal__actions",children:[t(E,{variant:"secondary",size:"medium",onClick:x,disabled:b,className:"quote-management-line-item-note-modal__cancel-button","data-testid":"line-item-note-cancel-button",children:a.cancelButton}),t(E,{variant:"primary",size:"medium",onClick:w,disabled:b,className:"quote-management-line-item-note-modal__confirm-button","data-testid":"line-item-note-confirm-button",children:a.confirmButton})]})]})};export{Qe as I,Se as L,Me as P,Te as Q};
 //# sourceMappingURL=LineItemNoteModal.js.map

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  InLineAlert,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { getUserTimezone } from '@/quote-management/utils/dateUtils';\nimport { CartItemModel } from '@/quote-management/data/models/negotiable-quote-model';\n\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\nimport { WarningFilled } from '@adobe-commerce/elsie/icons';\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: CartItemModel[];\n  canEdit: boolean;\n  readOnly?: boolean;\n  showActions?: boolean;\n  onItemCheckboxChange?: (\n    item: CartItemModel,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (item: CartItemModel, action: string) => void;\n  onQuantityChange?: (item: CartItemModel, 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    seller: 'NegotiableQuote.Manage.productListTable.notes.seller',\n    outOfStock: 'NegotiableQuote.Manage.productListTable.outOfStock',\n    outOfStockMessage:\n      'NegotiableQuote.Manage.productListTable.outOfStockMessage',\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: CartItemModel\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (\n    event: Event,\n    item: CartItemModel\n  ) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleQuantityChange = (event: Event, item: CartItemModel) => {\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: CartItemModel) => {\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: CartItemModel) => {\n    const validNotesFromBuyer = item.noteFromBuyer?.filter(\n      (note) => note && note.note && note.note.trim() !== ''\n    ) || [];\n\n    const validNotesFromSeller = item.noteFromSeller?.filter(\n      (note) => note && note.note && note.note.trim() !== ''\n    ) || [];\n\n    const validNotes = [...validNotesFromBuyer, ...validNotesFromSeller];\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)} ({validNotesFromBuyer.includes(note) ? dictionary.buyer : dictionary.seller})\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 expandedRows = new Set<number>();\n  const rowData = items.flatMap((item, index) => {\n    const notes = getNotesContent(item);\n    if (notes || item.outOfStock) {\n      expandedRows.add(index);\n    }\n\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      _rowDetails: <>\n        {/* If the item is out of stock, show a message */}\n        {item.outOfStock && (\n          <div className=\"quote-management-product-list-table__out-of-stock-message\">\n            <InLineAlert\n              type=\"warning\"\n              variant=\"primary\"\n              icon={<WarningFilled />}\n              heading={dictionary.outOfStock}\n              description={dictionary.outOfStockMessage}\n            />\n          </div>\n        )}\n        {/* If there are notes, create a notes details */}\n        {notes && (\n          <div className=\"quote-management-product-list-table__notes-row-wrapper\">\n            {notes}\n          </div>\n        )}\n      </>\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      expandedRows={expandedRows}\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","validNotesFromBuyer","note","validNotesFromSeller","validNotes","index","expandedRows","rowData","notes","quantityElement","Input","e","Checkbox","Picker","Fragment","InLineAlert","WarningFilled","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","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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"}