@dropins/storefront-quote-management 0.0.1-alpha11 → 0.0.1-alpha13

package/containers/RequestNegotiableQuoteForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestNegotiableQuoteForm.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/CheckWithCircle.svg","../../node_modules/@adobe-commerce/elsie/src/icons/WarningFilled.svg","/@dropins/storefront-quote-management/src/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx","/@dropins/storefront-quote-management/src/containers/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgCheckWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M6.75 12.762L10.2385 15.75L17.25 9\", stroke: \"currentColor\" }));\nexport default SvgCheckWithCircle;\n","import * as React from \"react\";\nconst SvgWarningFilled = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z\", fill: \"currentColor\" }));\nexport default SvgWarningFilled;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.css';\n\nexport interface RequestNegotiableQuoteFormProps extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  title: VNode;\n  banner?: VNode;\n  commentField?: VNode;\n  quoteNameField?: VNode;\n  attachFile?: VNode;\n  requestButton?: VNode;\n  saveButton?: VNode;\n  onSubmit: (e: Event) => void;\n}\n\nexport const RequestNegotiableQuoteForm: FunctionComponent<RequestNegotiableQuoteFormProps> = ({\n  className,\n  title,\n  banner,\n  commentField,\n  quoteNameField,\n  attachFile,\n  requestButton,\n  saveButton,\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <form {...props} className={classes(['request-negotiable-quote-form', className])} onSubmit={onSubmit}>\n      {banner &&\n        <VComponent\n          node={banner}\n          className={classes(['request-negotiable-quote-form__banner'])}\n        />\n      }\n      {title &&\n        <VComponent\n          node={title}\n          className={classes(['request-negotiable-quote-form__title'])}\n        />\n      }\n      {commentField &&\n        <VComponent\n          node={commentField}\n          className={classes(['request-negotiable-quote-form__comment-field'])}\n        />\n      }\n      {quoteNameField &&\n        <VComponent\n          node={quoteNameField}\n          className={classes(['request-negotiable-quote-form__quote-name-field'])}\n        />\n      }\n      {attachFile &&\n        <VComponent\n          node={attachFile}\n          className={classes(['request-negotiable-quote-form__attach-file-field'])}\n        />\n      }\n      <div className={classes(['request-negotiable-quote-form__actions'])}>\n        {requestButton &&\n          <VComponent\n            node={requestButton}\n            className={classes(['request-negotiable-quote-form__request-button'])}\n          />\n        }\n        {saveButton &&\n          <VComponent\n            node={saveButton}\n            className={classes(['request-negotiable-quote-form__save-button'])}\n          />\n        }\n      </div>\n    </form>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, getFormErrors, getFormValues, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { InLineAlert, Button, InputFile, TextArea, Input, Field, InLineAlertProps } from '@adobe-commerce/elsie/components';\nimport { WarningFilled, CheckWithCircle, Add } from '@adobe-commerce/elsie/icons';\nimport RequestNegotiableQuoteFormComponent from '@/quote-management/components/RequestNegotiableQuoteForm';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { requestNegotiableQuote, RequestNegotiableQuoteInput } from '@/quote-management/api';\nimport { state } from '@/quote-management/lib/state';\n\nexport type RequestNegotiableQuoteHandlers = {\n  onAttachFiles?: (files: File[]) => Promise<void>;\n  onRequestNegotiableQuote?: typeof requestNegotiableQuote;\n  onSaveNegotiableQuote?: typeof requestNegotiableQuote;\n  onSubmitErrors?: (errors: Record<string, string>) => void;\n  onError?: (props: {\n    error: string,\n    isFormDisabled: boolean,\n    setIsFormDisabled: (isFormDisabled: boolean) => void,\n  }) => void;\n};\n\nexport interface RequestNegotiableQuoteFormProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'>,\n  RequestNegotiableQuoteHandlers {\n  cartId: string;\n  slots?: {\n    ErrorBanner?: SlotProps<{\n      message: string,\n    }>;\n    SuccessBanner?: SlotProps<{\n      message: string,\n    }>;\n    Title?: SlotProps<{\n      text: string,\n    }>;\n    CommentField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    QuoteNameField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    AttachFileField?: SlotProps<{\n      onChange: (files: File[]) => void, formErrors: Record<string, string>,\n      isFormDisabled: boolean\n    }>;\n    RequestButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n    SaveDraftButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n  };\n}\n\nexport const RequestNegotiableQuoteForm: Container<RequestNegotiableQuoteFormProps> = ({\n  cartId,\n  slots,\n  onRequestNegotiableQuote,\n  onSaveNegotiableQuote,\n  onAttachFiles,\n  onSubmitErrors,\n  onError,\n  className,\n}) => {\n  const [comment, setComment] = useState<string | undefined>(undefined);\n  const [quoteName, setQuoteName] = useState<string | undefined>(undefined);\n  const [, setAttachments] = useState<File[]>([]);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n  const [success, setSuccess] = useState<string | undefined>(undefined);\n  const [isFormDisabled, setIsFormDisabled] = useState<boolean>(false);\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Request.title',\n    comment: 'NegotiableQuote.Request.comment',\n    commentError: 'NegotiableQuote.Request.commentError',\n    quoteName: 'NegotiableQuote.Request.quoteName',\n    quoteNameError: 'NegotiableQuote.Request.quoteNameError',\n    attachmentsError: 'NegotiableQuote.Request.attachmentsError',\n    requestCta: 'NegotiableQuote.Request.requestCta',\n    saveDraftCta: 'NegotiableQuote.Request.saveDraftCta',\n    errorHeader: 'NegotiableQuote.Request.error.header',\n    unauthenticated: 'NegotiableQuote.Request.error.unauthenticated',\n    unauthorized: 'NegotiableQuote.Request.error.unauthorized',\n    missingCart: 'NegotiableQuote.Request.error.missingCart',\n    successHeader: 'NegotiableQuote.Request.success.header',\n    submitSuccess: 'NegotiableQuote.Request.success.submitted',\n    draftSuccess: 'NegotiableQuote.Request.success.draftSaved',\n  });\n\n  useEffect(() => {\n    const permissionsEvent = events.on(\n      'quote-management/permissions',\n      (permissions: typeof state.permissions) => {\n        setError(undefined);\n        if (!permissions.requestQuote) {\n          setError(dictionary.unauthorized);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => permissionsEvent?.off();\n  }, [dictionary.unauthorized]);\n\n  useEffect(() => {\n    const authenticatedEvent = events.on(\n      'authenticated',\n      (authenticated: boolean) => {\n        setError(undefined);\n        if (!authenticated) {\n          setError(dictionary.unauthenticated);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => authenticatedEvent?.off();\n  }, [dictionary.unauthenticated]);\n\n  useEffect(() => {\n    if (!cartId) {\n      setError(dictionary.missingCart);\n      setIsFormDisabled(true);\n    }\n  }, [cartId, dictionary.missingCart]);\n\n  useEffect(() => {\n    if (error) {\n      onError?.({ error, isFormDisabled, setIsFormDisabled });\n    }\n  }, [error, onError, isFormDisabled]);\n\n  const handleAttachFiles = useCallback(async (files: File[]) => {\n    setFormErrors(prev => ({ ...prev, attachments: '' }));\n    setAttachments(files);\n    onAttachFiles?.(files)?.catch(() => {\n      setFormErrors(prev => ({ ...prev, attachments: dictionary.attachmentsError }));\n    });\n  }, [onAttachFiles, dictionary]);\n\n  /*\n  * This function is used to get the banner node.\n  * It can be used to render a success or error banner depending on the success or error state.\n  */\n  const getBannerNode = () => {\n    let inlineAlertProps: InLineAlertProps | undefined;\n    let slotProps: any | undefined;\n\n    if (success) {\n      slotProps = {\n        name: 'SuccessBanner',\n        slot: slots?.SuccessBanner,\n        context: {\n          message: success,\n        },\n        'data-testid': 'form-success-banner',\n      };\n      inlineAlertProps = {\n        type: 'success',\n        variant: 'primary',\n        icon: <CheckWithCircle />,\n        heading: dictionary.successHeader,\n        description: success,\n        className: 'request-negotiable-quote-form__success-banner',\n      };\n    }\n    else if (error) {\n      slotProps = {\n        name: 'ErrorBanner',\n        slot: slots?.ErrorBanner,\n        context: {\n          message: error,\n        },\n        'data-testid': 'form-error-banner',\n      };\n      inlineAlertProps = {\n        type: 'error',\n        variant: 'primary',\n        icon: <WarningFilled />,\n        heading: dictionary.errorHeader,\n        description: error,\n        className: 'request-negotiable-quote-form__error-banner',\n      };\n    }\n\n    if (slotProps && inlineAlertProps) {\n      return <Slot {...slotProps}>\n        <InLineAlert {...inlineAlertProps} />\n      </Slot>;\n    }\n\n    return undefined;\n  }\n\n  /*\n  * This function is used to validate the parent form of the button that was clicked.\n  */\n  const validateParentForm = (e: Event) => {\n    setFormErrors({});\n    const closestForm = (e.target as HTMLElement).closest('form') as HTMLFormElement;\n    const formErrors = getFormErrors(closestForm);\n    if (Object.keys(formErrors).length > 0) {\n      setFormErrors(formErrors);\n      onSubmitErrors?.(formErrors);\n    }\n  };\n\n  const formSubmitHandler = (e: Event) => {\n    e.preventDefault();\n    setIsFormDisabled(true);\n\n    const form = (e.target as HTMLFormElement);\n\n    const currentFormErrors = getFormErrors(form);\n\n    const mergedFormErrors = { ...currentFormErrors, ...formErrors };\n\n    if (Object.keys(mergedFormErrors).length > 0) {\n      onSubmitErrors?.(mergedFormErrors)\n      return;\n    }\n\n    // Since we have multiple submit buttons, we need to determine which one was clicked.\n    const buttonTarget = (e as SubmitEvent).submitter as HTMLButtonElement;\n\n    const formValues = getFormValues(form);\n\n    setComment(formValues.comment);\n    setQuoteName(formValues.quoteName);\n\n    const isDraft = buttonTarget?.dataset?.draft === 'true' || false;\n\n    const contextData: RequestNegotiableQuoteInput = {\n      cartId: cartId!,\n      quoteName: formValues.quoteName,\n      comment: formValues.comment,\n      isDraft,\n    }\n\n    let submitHandler;\n    let successMessage;\n\n    if (isDraft) {\n      submitHandler = onSaveNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.draftSuccess;\n    } else {\n      submitHandler = onRequestNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.submitSuccess;\n    }\n\n    submitHandler(contextData).then(() => {\n      setSuccess(successMessage);\n    })\n      .catch(error => {\n        setError(error.message);\n      })\n  };\n\n  const titleNode = (\n    <Slot name=\"Title\" slot={slots?.Title} context={{ text: dictionary.title }}>\n      <span data-testid=\"form-title\">{dictionary.title}</span>\n    </Slot>\n  );\n\n  const commentFieldNode = (\n    <Slot\n      name=\"CommentField\"\n      slot={slots?.CommentField}\n      context={{\n        value: comment,\n        required: true,\n        errorMessage: formErrors.comment,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <TextArea\n        name=\"comment\"\n        value={comment}\n        label={dictionary.comment}\n        required\n        autoComplete=\"off\"\n        data-testid=\"form-comment-field\"\n        errorMessage={formErrors.comment}\n        disabled={isFormDisabled}\n      />\n    </Slot>\n  );\n\n  const quoteNameFieldNode = (\n    <Slot\n      name=\"QuoteNameField\"\n      slot={slots?.QuoteNameField}\n      context={{\n        value: quoteName,\n        required: true,\n        errorMessage: formErrors.quoteName,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <Field\n        error={formErrors.quoteName}\n        disabled={isFormDisabled}\n      >\n        <Input\n          value={quoteName}\n          name=\"quoteName\"\n          floatingLabel={dictionary.quoteName}\n          required\n          autoComplete=\"off\"\n          data-testid=\"form-quote-name-field\"\n        />\n      </Field>\n    </Slot>\n  );\n\n  const attachFileNode = (\n    <Slot\n      name=\"AttachFileField\"\n      slot={slots?.AttachFileField}\n      context={{ onChange: handleAttachFiles, formErrors, isFormDisabled }}\n    >\n      <InputFile\n        onChange={(e: any) => {\n          const files = Array.from(((e.target as HTMLInputElement).files!));\n\n          if (files.length > 0) {\n            handleAttachFiles(files)\n          }\n        }}\n        icon={<Add />}\n        disabled={isFormDisabled}\n        data-testid=\"form-attach-file-field\"\n      />\n    </Slot>\n  );\n\n  const requestButtonNode = (\n    <Slot\n      name=\"RequestButton\"\n      slot={slots?.RequestButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-testid=\"form-request-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.requestCta}\n      </Button>\n    </Slot>\n  );\n\n  const saveButtonNode = (\n    <Slot\n      name=\"SaveDraftButton\"\n      slot={slots?.SaveDraftButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-draft=\"true\"\n        variant=\"secondary\"\n        data-testid=\"form-save-draft-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.saveDraftCta}\n      </Button>\n    </Slot>\n  );\n\n  return (\n    <RequestNegotiableQuoteFormComponent\n      title={titleNode}\n      banner={getBannerNode()}\n      commentField={commentFieldNode}\n      quoteNameField={quoteNameFieldNode}\n      attachFile={attachFileNode}\n      requestButton={requestButtonNode}\n      saveButton={saveButtonNode}\n      onSubmit={formSubmitHandler}\n      className={className}\n      disabled={isFormDisabled}\n      data-testid=\"form-container\"\n    />\n  );\n};"],"names":["SvgAdd","props","React","SvgCheckWithCircle","SvgWarningFilled","RequestNegotiableQuoteForm","className","title","banner","commentField","quoteNameField","attachFile","requestButton","saveButton","onSubmit","jsxs","classes","jsx","VComponent","cartId","slots","onRequestNegotiableQuote","onSaveNegotiableQuote","onAttachFiles","onSubmitErrors","onError","comment","setComment","useState","quoteName","setQuoteName","setAttachments","error","setError","formErrors","setFormErrors","success","setSuccess","isFormDisabled","setIsFormDisabled","dictionary","useText","useEffect","permissionsEvent","events","permissions","authenticatedEvent","authenticated","handleAttachFiles","useCallback","files","prev","_a","getBannerNode","inlineAlertProps","slotProps","CheckWithCircle","WarningFilled","Slot","InLineAlert","validateParentForm","e","closestForm","getFormErrors","formSubmitHandler","form","mergedFormErrors","buttonTarget","formValues","getFormValues","isDraft","contextData","submitHandler","successMessage","requestNegotiableQuote","titleNode","commentFieldNode","TextArea","quoteNameFieldNode","Field","Input","attachFileNode","InputFile","Add","requestButtonNode","Button","saveButtonNode","RequestNegotiableQuoteFormComponent"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"RequestNegotiableQuoteForm.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/CheckWithCircle.svg","/@dropins/storefront-quote-management/src/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx","/@dropins/storefront-quote-management/src/containers/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgCheckWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M6.75 12.762L10.2385 15.75L17.25 9\", stroke: \"currentColor\" }));\nexport default SvgCheckWithCircle;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.css';\n\nexport interface RequestNegotiableQuoteFormProps extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  title: VNode;\n  banner?: VNode;\n  commentField?: VNode;\n  quoteNameField?: VNode;\n  attachFile?: VNode;\n  requestButton?: VNode;\n  saveButton?: VNode;\n  onSubmit: (e: Event) => void;\n}\n\nexport const RequestNegotiableQuoteForm: FunctionComponent<RequestNegotiableQuoteFormProps> = ({\n  className,\n  title,\n  banner,\n  commentField,\n  quoteNameField,\n  attachFile,\n  requestButton,\n  saveButton,\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <form {...props} className={classes(['request-negotiable-quote-form', className])} onSubmit={onSubmit}>\n      {banner &&\n        <VComponent\n          node={banner}\n          className={classes(['request-negotiable-quote-form__banner'])}\n        />\n      }\n      {title &&\n        <VComponent\n          node={title}\n          className={classes(['request-negotiable-quote-form__title'])}\n        />\n      }\n      {commentField &&\n        <VComponent\n          node={commentField}\n          className={classes(['request-negotiable-quote-form__comment-field'])}\n        />\n      }\n      {quoteNameField &&\n        <VComponent\n          node={quoteNameField}\n          className={classes(['request-negotiable-quote-form__quote-name-field'])}\n        />\n      }\n      {attachFile &&\n        <VComponent\n          node={attachFile}\n          className={classes(['request-negotiable-quote-form__attach-file-field'])}\n        />\n      }\n      <div className={classes(['request-negotiable-quote-form__actions'])}>\n        {requestButton &&\n          <VComponent\n            node={requestButton}\n            className={classes(['request-negotiable-quote-form__request-button'])}\n          />\n        }\n        {saveButton &&\n          <VComponent\n            node={saveButton}\n            className={classes(['request-negotiable-quote-form__save-button'])}\n          />\n        }\n      </div>\n    </form>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, getFormErrors, getFormValues, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { InLineAlert, Button, InputFile, TextArea, Input, Field, InLineAlertProps } from '@adobe-commerce/elsie/components';\nimport { WarningFilled, CheckWithCircle, Add } from '@adobe-commerce/elsie/icons';\nimport RequestNegotiableQuoteFormComponent from '@/quote-management/components/RequestNegotiableQuoteForm';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { requestNegotiableQuote, RequestNegotiableQuoteInput } from '@/quote-management/api';\nimport { state } from '@/quote-management/lib/state';\n\nexport type RequestNegotiableQuoteHandlers = {\n  onAttachFiles?: (files: File[]) => Promise<void>;\n  onRequestNegotiableQuote?: typeof requestNegotiableQuote;\n  onSaveNegotiableQuote?: typeof requestNegotiableQuote;\n  onSubmitErrors?: (errors: Record<string, string>) => void;\n  onError?: (props: {\n    error: string,\n    isFormDisabled: boolean,\n    setIsFormDisabled: (isFormDisabled: boolean) => void,\n  }) => void;\n};\n\nexport interface RequestNegotiableQuoteFormProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'>,\n  RequestNegotiableQuoteHandlers {\n  cartId: string;\n  slots?: {\n    ErrorBanner?: SlotProps<{\n      message: string,\n    }>;\n    SuccessBanner?: SlotProps<{\n      message: string,\n    }>;\n    Title?: SlotProps<{\n      text: string,\n    }>;\n    CommentField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    QuoteNameField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    AttachFileField?: SlotProps<{\n      onChange: (files: File[]) => void, formErrors: Record<string, string>,\n      isFormDisabled: boolean\n    }>;\n    RequestButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n    SaveDraftButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n  };\n}\n\nexport const RequestNegotiableQuoteForm: Container<RequestNegotiableQuoteFormProps> = ({\n  cartId,\n  slots,\n  onRequestNegotiableQuote,\n  onSaveNegotiableQuote,\n  onAttachFiles,\n  onSubmitErrors,\n  onError,\n  className,\n}) => {\n  const [comment, setComment] = useState<string | undefined>(undefined);\n  const [quoteName, setQuoteName] = useState<string | undefined>(undefined);\n  const [, setAttachments] = useState<File[]>([]);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n  const [success, setSuccess] = useState<string | undefined>(undefined);\n  const [isFormDisabled, setIsFormDisabled] = useState<boolean>(false);\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Request.title',\n    comment: 'NegotiableQuote.Request.comment',\n    commentError: 'NegotiableQuote.Request.commentError',\n    quoteName: 'NegotiableQuote.Request.quoteName',\n    quoteNameError: 'NegotiableQuote.Request.quoteNameError',\n    attachmentsError: 'NegotiableQuote.Request.attachmentsError',\n    requestCta: 'NegotiableQuote.Request.requestCta',\n    saveDraftCta: 'NegotiableQuote.Request.saveDraftCta',\n    errorHeader: 'NegotiableQuote.Request.error.header',\n    unauthenticated: 'NegotiableQuote.Request.error.unauthenticated',\n    unauthorized: 'NegotiableQuote.Request.error.unauthorized',\n    missingCart: 'NegotiableQuote.Request.error.missingCart',\n    successHeader: 'NegotiableQuote.Request.success.header',\n    submitSuccess: 'NegotiableQuote.Request.success.submitted',\n    draftSuccess: 'NegotiableQuote.Request.success.draftSaved',\n  });\n\n  useEffect(() => {\n    const permissionsEvent = events.on(\n      'quote-management/permissions',\n      (permissions: typeof state.permissions) => {\n        setError(undefined);\n        if (!permissions.requestQuote) {\n          setError(dictionary.unauthorized);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => permissionsEvent?.off();\n  }, [dictionary.unauthorized]);\n\n  useEffect(() => {\n    const authenticatedEvent = events.on(\n      'authenticated',\n      (authenticated: boolean) => {\n        setError(undefined);\n        if (!authenticated) {\n          setError(dictionary.unauthenticated);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => authenticatedEvent?.off();\n  }, [dictionary.unauthenticated]);\n\n  useEffect(() => {\n    if (!cartId) {\n      setError(dictionary.missingCart);\n      setIsFormDisabled(true);\n    }\n  }, [cartId, dictionary.missingCart]);\n\n  useEffect(() => {\n    if (error) {\n      onError?.({ error, isFormDisabled, setIsFormDisabled });\n    }\n  }, [error, onError, isFormDisabled]);\n\n  const handleAttachFiles = useCallback(async (files: File[]) => {\n    setFormErrors(prev => ({ ...prev, attachments: '' }));\n    setAttachments(files);\n    onAttachFiles?.(files)?.catch(() => {\n      setFormErrors(prev => ({ ...prev, attachments: dictionary.attachmentsError }));\n    });\n  }, [onAttachFiles, dictionary]);\n\n  /*\n  * This function is used to get the banner node.\n  * It can be used to render a success or error banner depending on the success or error state.\n  */\n  const getBannerNode = () => {\n    let inlineAlertProps: InLineAlertProps | undefined;\n    let slotProps: any | undefined;\n\n    if (success) {\n      slotProps = {\n        name: 'SuccessBanner',\n        slot: slots?.SuccessBanner,\n        context: {\n          message: success,\n        },\n        'data-testid': 'form-success-banner',\n      };\n      inlineAlertProps = {\n        type: 'success',\n        variant: 'primary',\n        icon: <CheckWithCircle />,\n        heading: dictionary.successHeader,\n        description: success,\n        className: 'request-negotiable-quote-form__success-banner',\n      };\n    }\n    else if (error) {\n      slotProps = {\n        name: 'ErrorBanner',\n        slot: slots?.ErrorBanner,\n        context: {\n          message: error,\n        },\n        'data-testid': 'form-error-banner',\n      };\n      inlineAlertProps = {\n        type: 'error',\n        variant: 'primary',\n        icon: <WarningFilled />,\n        heading: dictionary.errorHeader,\n        description: error,\n        className: 'request-negotiable-quote-form__error-banner',\n      };\n    }\n\n    if (slotProps && inlineAlertProps) {\n      return <Slot {...slotProps}>\n        <InLineAlert {...inlineAlertProps} />\n      </Slot>;\n    }\n\n    return undefined;\n  }\n\n  /*\n  * This function is used to validate the parent form of the button that was clicked.\n  */\n  const validateParentForm = (e: Event) => {\n    setFormErrors({});\n    const closestForm = (e.target as HTMLElement).closest('form') as HTMLFormElement;\n    const formErrors = getFormErrors(closestForm);\n    if (Object.keys(formErrors).length > 0) {\n      setFormErrors(formErrors);\n      onSubmitErrors?.(formErrors);\n    }\n  };\n\n  const formSubmitHandler = (e: Event) => {\n    e.preventDefault();\n    setIsFormDisabled(true);\n\n    const form = (e.target as HTMLFormElement);\n\n    const currentFormErrors = getFormErrors(form);\n\n    const mergedFormErrors = { ...currentFormErrors, ...formErrors };\n\n    if (Object.keys(mergedFormErrors).length > 0) {\n      onSubmitErrors?.(mergedFormErrors)\n      return;\n    }\n\n    // Since we have multiple submit buttons, we need to determine which one was clicked.\n    const buttonTarget = (e as SubmitEvent).submitter as HTMLButtonElement;\n\n    const formValues = getFormValues(form);\n\n    setComment(formValues.comment);\n    setQuoteName(formValues.quoteName);\n\n    const isDraft = buttonTarget?.dataset?.draft === 'true' || false;\n\n    const contextData: RequestNegotiableQuoteInput = {\n      cartId: cartId!,\n      quoteName: formValues.quoteName,\n      comment: formValues.comment,\n      isDraft,\n    }\n\n    let submitHandler;\n    let successMessage;\n\n    if (isDraft) {\n      submitHandler = onSaveNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.draftSuccess;\n    } else {\n      submitHandler = onRequestNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.submitSuccess;\n    }\n\n    submitHandler(contextData).then(() => {\n      setSuccess(successMessage);\n    })\n      .catch(error => {\n        setError(error.message);\n      })\n  };\n\n  const titleNode = (\n    <Slot name=\"Title\" slot={slots?.Title} context={{ text: dictionary.title }}>\n      <span data-testid=\"form-title\">{dictionary.title}</span>\n    </Slot>\n  );\n\n  const commentFieldNode = (\n    <Slot\n      name=\"CommentField\"\n      slot={slots?.CommentField}\n      context={{\n        value: comment,\n        required: true,\n        errorMessage: formErrors.comment,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <TextArea\n        name=\"comment\"\n        value={comment}\n        label={dictionary.comment}\n        required\n        autoComplete=\"off\"\n        data-testid=\"form-comment-field\"\n        errorMessage={formErrors.comment}\n        disabled={isFormDisabled}\n      />\n    </Slot>\n  );\n\n  const quoteNameFieldNode = (\n    <Slot\n      name=\"QuoteNameField\"\n      slot={slots?.QuoteNameField}\n      context={{\n        value: quoteName,\n        required: true,\n        errorMessage: formErrors.quoteName,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <Field\n        error={formErrors.quoteName}\n        disabled={isFormDisabled}\n      >\n        <Input\n          value={quoteName}\n          name=\"quoteName\"\n          floatingLabel={dictionary.quoteName}\n          required\n          autoComplete=\"off\"\n          data-testid=\"form-quote-name-field\"\n        />\n      </Field>\n    </Slot>\n  );\n\n  const attachFileNode = (\n    <Slot\n      name=\"AttachFileField\"\n      slot={slots?.AttachFileField}\n      context={{ onChange: handleAttachFiles, formErrors, isFormDisabled }}\n    >\n      <InputFile\n        onChange={(e: any) => {\n          const files = Array.from(((e.target as HTMLInputElement).files!));\n\n          if (files.length > 0) {\n            handleAttachFiles(files)\n          }\n        }}\n        icon={<Add />}\n        disabled={isFormDisabled}\n        data-testid=\"form-attach-file-field\"\n      />\n    </Slot>\n  );\n\n  const requestButtonNode = (\n    <Slot\n      name=\"RequestButton\"\n      slot={slots?.RequestButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-testid=\"form-request-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.requestCta}\n      </Button>\n    </Slot>\n  );\n\n  const saveButtonNode = (\n    <Slot\n      name=\"SaveDraftButton\"\n      slot={slots?.SaveDraftButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-draft=\"true\"\n        variant=\"secondary\"\n        data-testid=\"form-save-draft-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.saveDraftCta}\n      </Button>\n    </Slot>\n  );\n\n  return (\n    <RequestNegotiableQuoteFormComponent\n      title={titleNode}\n      banner={getBannerNode()}\n      commentField={commentFieldNode}\n      quoteNameField={quoteNameFieldNode}\n      attachFile={attachFileNode}\n      requestButton={requestButtonNode}\n      saveButton={saveButtonNode}\n      onSubmit={formSubmitHandler}\n      className={className}\n      disabled={isFormDisabled}\n      data-testid=\"form-container\"\n    />\n  );\n};\n"],"names":["SvgAdd","props","React","SvgCheckWithCircle","RequestNegotiableQuoteForm","className","title","banner","commentField","quoteNameField","attachFile","requestButton","saveButton","onSubmit","jsxs","classes","jsx","VComponent","cartId","slots","onRequestNegotiableQuote","onSaveNegotiableQuote","onAttachFiles","onSubmitErrors","onError","comment","setComment","useState","quoteName","setQuoteName","setAttachments","error","setError","formErrors","setFormErrors","success","setSuccess","isFormDisabled","setIsFormDisabled","dictionary","useText","useEffect","permissionsEvent","events","permissions","authenticatedEvent","authenticated","handleAttachFiles","useCallback","files","prev","_a","getBannerNode","inlineAlertProps","slotProps","CheckWithCircle","WarningFilled","Slot","InLineAlert","validateParentForm","e","closestForm","getFormErrors","formSubmitHandler","form","mergedFormErrors","buttonTarget","formValues","getFormValues","isDraft","contextData","submitHandler","successMessage","requestNegotiableQuote","titleNode","commentFieldNode","TextArea","quoteNameFieldNode","Field","Input","attachFileNode","InputFile","Add","requestButtonNode","Button","saveButtonNode","RequestNegotiableQuoteFormComponent"],"mappings":"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","x_google_ignoreList":[0,1]}

package/containers/index.d.ts

@@ -1,3 +1,5 @@
 export * from './RequestNegotiableQuoteForm';
+export * from './ManageNegotiableQuote';
+export * from './ItemsQuoted';
 export * from './QuotesListTable';
 //# sourceMappingURL=index.d.ts.map

package/data/models/__fixtures__/negotiableQuoteModel.d.ts

@@ -0,0 +1,7 @@
+import { NegotiableQuoteCartItem, NegotiableQuoteModel } from '../negotiable-quote-model';
+
+export declare const baseCartItem: NegotiableQuoteCartItem;
+export declare const configurableCartItem: NegotiableQuoteCartItem;
+export declare const bundleCartItem: NegotiableQuoteCartItem;
+export declare const base: NegotiableQuoteModel;
+//# sourceMappingURL=negotiableQuoteModel.d.ts.map

package/data/models/customer-model.d.ts

@@ -13,5 +13,6 @@ export interface CustomerPermissions {
     canRequestQuote: boolean;
     canEditQuote: boolean;
     canDeleteQuote: boolean;
+    canCheckoutQuote: boolean;
 }
 //# sourceMappingURL=customer-model.d.ts.map

package/data/models/negotiable-quote-model.d.ts

@@ -1,8 +1,28 @@
+export interface ShippingAddress {
+    firstname: string;
+    lastname: string;
+    company?: string;
+    street: string[];
+    city: string;
+    region?: {
+        code: string;
+        label: string;
+        regionId: number;
+    };
+    postcode: string;
+    country: {
+        code: string;
+        label: string;
+    };
+    telephone: string;
+}
 export interface NegotiableQuoteModel {
     uid: string;
     name: string;
-    createdAt?: string;
-    updatedAt?: string;
+    createdAt: string;
+    salesRepName: string;
+    expirationDate: string;
+    updatedAt: string;
     status: NegotiableQuoteStatus;
     buyer: {
         firstname: string;
@@ -17,41 +37,86 @@ export interface NegotiableQuoteModel {
             lastname: string;
         };
     }[];
-    prices?: {
-        subtotalExcludingTax?: {
-            value: number;
-        };
-        subtotalIncludingTax?: {
-            value: number;
-        };
-        subtotalWithDiscountExcludingTax?: {
-            value: number;
-        };
-        grandTotal?: {
-            value: number;
-            currency: string;
-        };
+    prices: {
+        subtotalExcludingTax?: Currency;
+        subtotalIncludingTax?: Currency;
+        subtotalWithDiscountExcludingTax?: Currency;
+        grandTotal?: Currency;
+        appliedTaxes?: {
+            amount: Currency;
+            label: string;
+        }[];
     };
-    items?: {
-        product: {
-            uid: string;
-            sku: string;
-            name: string;
-            templateId?: string;
-            templateName?: string;
-            priceRange: {
-                maximumPrice: {
-                    regularPrice: {
-                        value: number;
-                    };
+    items: NegotiableQuoteCartItem[];
+    shippingAddresses?: ShippingAddress[];
+    canCheckout: boolean;
+    canSendForReview: boolean;
+}
+export interface NegotiableQuoteCartItem {
+    product: {
+        uid: string;
+        sku: string;
+        name: string;
+        templateId?: string;
+        templateName?: string;
+        priceRange: {
+            maximumPrice: {
+                regularPrice: {
+                    value: number;
                 };
             };
         };
-        quantity: number;
+    };
+    catalogDiscount: {
+        amountOff: number;
+        percentOff: number;
+    };
+    discounts: {
+        label: string;
+        value: string;
+        amount: Currency;
+    }[];
+    stockStatus: string;
+    quantity: number;
+    prices: {
+        originalItemPrice: Currency;
+        rowTotal: Currency;
+    };
+    configurableOptions?: {
+        optionLabel: string;
+        valueLabel: string;
+    }[];
+    bundleOptions?: {
+        label: string;
+        values: {
+            label: string;
+            quantity: number;
+            originalPrice: Currency;
+            price: Currency;
+        }[];
     }[];
 }
+export interface Currency {
+    value: number;
+    currency: string;
+}
+export interface NegotiableQuoteListEntry {
+    uid: string;
+    name: string;
+    createdAt: string;
+    updatedAt: string;
+    status: NegotiableQuoteStatus;
+    buyer: {
+        firstname: string;
+        lastname: string;
+    };
+    templateName: string;
+    prices: {
+        grandTotal: Currency;
+    };
+}
 export interface NegotiableQuotesListModel {
-    items: NegotiableQuoteModel[];
+    items: NegotiableQuoteListEntry[];
     pageInfo: {
         currentPage: number;
         pageSize: number;
@@ -68,6 +133,7 @@ export interface NegotiableQuotesListModel {
     };
 }
 export declare enum NegotiableQuoteStatus {
+    NEW = "NEW",
     SUBMITTED = "SUBMITTED",
     PENDING = "PENDING",
     UPDATED = "UPDATED",

package/data/transforms/__fixtures__/negotiableQuoteData.d.ts

@@ -1,4 +1,4 @@
-import { NegotiableQuoteModel, NegotiableQuoteStatus } from '../../models/negotiable-quote-model';
+import { NegotiableQuoteStatus } from '../../models/negotiable-quote-model';
 
 export declare const mockGraphQLResponse: {
     data: {
@@ -55,7 +55,234 @@ export declare const mockGraphQLResponse: {
         };
     };
 };
-export declare const expectedTransformedQuote: NegotiableQuoteModel;
+export declare const mockQuoteData: {
+    uid: string;
+    name: string;
+    created_at: string;
+    status: string;
+    sales_rep_name: string;
+    expiration_date: string;
+    updated_at: string;
+    buyer: {
+        firstname: string;
+        lastname: string;
+    };
+    comments: {
+        uid: string;
+        created_at: string;
+        author: {
+            firstname: string;
+            lastname: string;
+        };
+        text: string;
+    }[];
+    template_id: null;
+    template_name: null;
+    items: ({
+        product: {
+            name: string;
+            sku: string;
+            uid: string;
+            stock_status: string;
+            quantity: null;
+            price_range: {
+                maximum_price: {
+                    regular_price: {
+                        value: number;
+                    };
+                };
+            };
+        };
+        prices: {
+            price: {
+                currency: string;
+                value: number;
+            };
+            original_item_price: {
+                currency: string;
+                value: number;
+            };
+            original_row_total: {
+                currency: string;
+                value: number;
+            };
+            row_total: {
+                currency: string;
+                value: number;
+            };
+            catalog_discount: {
+                amount_off: number;
+                percent_off: number;
+            };
+            discounts: {
+                label: string;
+                value: number;
+                amount: {
+                    currency: string;
+                    value: number;
+                };
+            }[];
+        };
+        quantity: number;
+        configurable_options?: undefined;
+        bundle_options?: undefined;
+    } | {
+        product: {
+            name: string;
+            sku: string;
+            uid: string;
+            stock_status: string;
+            quantity: null;
+            price_range: {
+                maximum_price: {
+                    regular_price: {
+                        value: number;
+                    };
+                };
+            };
+        };
+        prices: {
+            price: {
+                currency: string;
+                value: number;
+            };
+            original_item_price: {
+                currency: string;
+                value: number;
+            };
+            original_row_total: {
+                currency: string;
+                value: number;
+            };
+            row_total: {
+                currency: string;
+                value: number;
+            };
+            catalog_discount: {
+                amount_off: number;
+                percent_off: number;
+            };
+            discounts: never[];
+        };
+        quantity: number;
+        configurable_options: {
+            option_label: string;
+            value_label: string;
+        }[];
+        bundle_options?: undefined;
+    } | {
+        product: {
+            name: string;
+            sku: string;
+            uid: string;
+            stock_status: string;
+            quantity: null;
+            price_range: {
+                maximum_price: {
+                    regular_price: {
+                        value: number;
+                    };
+                };
+            };
+        };
+        prices: {
+            price: {
+                currency: string;
+                value: number;
+            };
+            original_item_price: {
+                currency: string;
+                value: number;
+            };
+            original_row_total: {
+                currency: string;
+                value: number;
+            };
+            row_total: {
+                currency: string;
+                value: number;
+            };
+            catalog_discount: {
+                amount_off: number;
+                percent_off: number;
+            };
+            discounts: {
+                label: string;
+                value: number;
+                amount: {
+                    currency: string;
+                    value: number;
+                };
+            }[];
+        };
+        quantity: number;
+        bundle_options: {
+            label: string;
+            values: {
+                label: string;
+                quantity: number;
+                original_price: {
+                    currency: string;
+                    value: number;
+                };
+                priceV2: {
+                    currency: string;
+                    value: number;
+                };
+            }[];
+        }[];
+        configurable_options?: undefined;
+    })[];
+    history: {
+        uid: string;
+        created_at: string;
+        author: {
+            firstname: string;
+            lastname: string;
+        };
+        change_type: string;
+        changes: {
+            comment_added: {
+                comment: string;
+            };
+            statuses: {
+                changes: {
+                    new_status: string;
+                    old_status: null;
+                }[];
+            };
+            expiration: {
+                new_expiration: null;
+                old_expiration: null;
+            };
+        };
+    }[];
+    prices: {
+        subtotal_excluding_tax: {
+            currency: string;
+            value: number;
+        };
+        subtotal_including_tax: {
+            currency: string;
+            value: number;
+        };
+        subtotal_with_discount_excluding_tax: {
+            currency: string;
+            value: number;
+        };
+        applied_taxes: {
+            label: string;
+            amount: {
+                currency: string;
+                value: number;
+            };
+        }[];
+        grand_total: {
+            currency: string;
+            value: number;
+        };
+    };
+};
 export declare const mockNegotiableQuotesResponse: {
     data: {
         negotiableQuotes: {

package/i18n/en_US.json.d.ts

@@ -20,6 +20,100 @@ declare const _default: {
         "submitted": "Quote request submitted successfully!",
         "draftSaved": "Quote saved as draft successfully!"
       }
+    },
+    "Manage": {
+      "createdLabel": "Created:",
+      "salesRepLabel": "Sales Rep:",
+      "expiresLabel": "Expires:",
+      "actionsLabel": "Actions",
+      "actions": {
+        "remove": "Remove"
+      },
+      "bannerTitle": "Alert",
+      "bannerStatusMessages": {
+        "submitted": "This quote is currently locked for editing. It will become available once released by the Merchant.",
+        "pending": "This quote is currently locked for editing. It will become available once released by the Merchant.",
+        "expired": "Your quote has expired and the product prices have been updated as per the latest prices in your catalog. You can either re-submit the quote to seller for further negotiation or go to checkout."
+      },
+      "actionButtons": {
+        "close": "Close quote",
+        "delete": "Delete quote",
+        "print": "Print quote",
+        "createTemplate": "Create quote template",
+        "createCopy": "Create copy",
+        "sendForReview": "Send for review"
+      },
+      "shippingInformation": {
+        "title": "Shipping Information"
+      },
+      "shippingAddress": {
+        "noAddress": "No shipping address has been set for this quote."
+      },
+      "quoteComments": {
+        "title": "Quote Comments",
+        "placeholder": "Add your comment"
+      },
+      "productListTable": {
+        "headers": {
+          "productName": "Product name",
+          "sku": "SKU",
+          "price": "Price",
+          "quantity": "Quantity",
+          "discount": "Discount",
+          "subtotal": "Subtotal",
+          "actions": "Actions"
+        },
+        "submitButton": "Update",
+        "actions": {
+          "editNoteToSeller": "Edit note to seller",
+          "remove": "Remove"
+        }
+      },
+      "quotePricesSummary": {
+        "subtotal": {
+          "excludingTax": "Quote Subtotal (excluding tax)"
+        },
+        "appliedTaxes": "Applied Taxes",
+        "grandTotal": {
+          "includingTax": "Quote Grand Total (including tax)"
+        }
+      }
+    },
+    "PriceSummary": {
+      "giftOptionsTax": {
+        "printedCard": {
+          "title": "Printed card",
+          "inclTax": "Including taxes",
+          "exclTax": "excluding taxes"
+        },
+        "itemGiftWrapping": {
+          "title": "Item gift wrapping",
+          "inclTax": "Including taxes",
+          "exclTax": "excluding taxes"
+        },
+        "orderGiftWrapping": {
+          "title": "Order gift wrapping",
+          "inclTax": "Including taxes",
+          "exclTax": "excluding taxes"
+        }
+      },
+      "subTotal": {
+        "label": "Subtotal",
+        "withTaxes": "Including taxes",
+        "withoutTaxes": "excluding taxes"
+      },
+      "taxes": {
+        "total": "Tax Total",
+        "totalOnly": "Tax",
+        "breakdown": "Taxes",
+        "showBreakdown": "Show Tax Breakdown",
+        "hideBreakdown": "Hide Tax Breakdown"
+      },
+      "total": {
+        "label": "Total",
+        "withoutTax": "Total excluding taxes",
+        "saved": "Total saved"
+      }
     }
   },
   "QuoteManagement": {

package/lib/state.d.ts

@@ -4,6 +4,7 @@ export declare const DEFAULT_PERMISSIONS: {
     requestQuote: boolean;
     editQuote: boolean;
     deleteQuote: boolean;
+    checkoutQuote: boolean;
 };
 export declare const state: State;
 //# sourceMappingURL=state.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-quote-management", "version": "0.0.1-alpha11", "@dropins/tools": "^1.5.0-beta4", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-quote-management", "version": "0.0.1-alpha13", "@dropins/tools": "^1.5.1", "license": "SEE LICENSE IN LICENSE.md"}