@dropins/storefront-quote-management 0.0.1-alpha12 → 0.0.1-alpha14

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,253 @@ 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;
+        };
+    };
+    shipping_addresses: {
+        uid: string;
+        firstname: string;
+        lastname: string;
+        company: string;
+        street: string[];
+        city: string;
+        region: {
+            code: string;
+            label: string;
+            region_id: number;
+        };
+        postcode: string;
+        country: {
+            code: string;
+            label: string;
+        };
+        telephone: string;
+    }[];
+};
 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-alpha12", "@dropins/tools": "^1.5.0-beta4", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-quote-management", "version": "0.0.1-alpha14", "@dropins/tools": "^1.5.1", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,6 +1,8 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(r,a){try{if(typeof document<"u"){const e=document.createElement("style"),l=a.styleId;for(const t in a.attributes)e.setAttribute(t,a.attributes[t]);e.setAttribute("data-dropin",l),e.appendChild(document.createTextNode(r));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(e);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})(`.quotes-list-table__empty-state{padding:var(--spacing-large);text-align:center;color:var(--color-neutral-600);border-top:var(--shape-border-width-1) solid var(--color-neutral-200)}.quotes-list-table__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium);border-top:var(--shape-border-width-1) solid var(--color-neutral-200);gap:var(--spacing-medium)}.quotes-list-table__item-range{flex:1;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__pagination{flex:0 0 auto;display:flex;justify-content:center}.quotes-list-table__page-size-picker{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__page-size-picker>span{display:inline-flex;align-items:baseline}.quotes-list-table__page-size-picker .dropin-picker{display:inline-flex;align-items:center;margin:0 var(--spacing-xsmall);vertical-align:center}.quotes-list-table__page-size-picker .dropin-picker__select{height:auto;min-height:var(--sizing-medium);line-height:1.2;vertical-align:baseline}
-.request-negotiable-quote-form{display:grid;gap:var(--spacing-small);align-items:flex-end;color:var(--color-neutral-800);width:100%}.request-negotiable-quote-form input:user-invalid,.request-negotiable-quote-form textarea:user-invalid{border-color:var(--color-alert-800)}.request-negotiable-quote-form__title{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.request-negotiable-quote-form__actions,.request-negotiable-quote-form [data-slot=AttachFileField]{display:flex;gap:var(--spacing-small)}.request-negotiable-quote-form__actions{justify-content:flex-start}.request-negotiable-quote-form__attach-file-field{justify-content:end}.request-negotiable-quote-form__attach-file-field label{background:none;color:var(--color-brand-500);font:var(--type-body-1-strong-font)}.request-negotiable-quote-form__attach-file-field label:hover{background:none}.request-negotiable-quote-form__error-banner svg{color:var(--color-alert-800)}`,{styleId:"quote-management"});
-import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as u}from"@dropins/tools/lib.js";import{useState as n,useEffect as d}from"@dropins/tools/preact-hooks.js";import{UIProvider as m}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const i={Request:{title:"Request a Quote",comment:"Comment",commentError:"Please add your comment",quoteName:"Quote name",quoteNameError:"Please add a quote name",attachmentsError:"Error uploading attachments",requestCta:"Request a Quote",saveDraftCta:"Save as draft",error:{header:"Error",unauthenticated:"Please sign in to request a quote.",unauthorized:"You are not authorized to request a quote.",missingCart:"Could not find a valid cart."},success:{header:"Success",submitted:"Quote request submitted successfully!",draftSaved:"Quote saved as draft successfully!"}}},l={QuotesListTable:{quoteName:"Quote Name",created:"Created",createdBy:"Created By",status:"Status",lastUpdated:"Last Updated",quoteTemplate:"Quote Template",quoteTotal:"Quote Total",actions:"Action"}},f={NegotiableQuote:i,QuoteManagement:l},q={default:f},Q=({children:a})=>{const[o,r]=n("en_US");return d(()=>{const e=c.on("locale",s=>{r(s)},{eager:!0});return()=>{e==null||e.off()}},[]),t(m,{lang:o,langDefinitions:q,children:a})},S=new u(t(Q,{}));export{S as render};
+(function(o,a){try{if(typeof document<"u"){const e=document.createElement("style"),i=a.styleId;for(const t in a.attributes)e.setAttribute(t,a.attributes[t]);e.setAttribute("data-dropin",i),e.appendChild(document.createTextNode(o));const n=document.querySelector('style[data-dropin="sdk"]');if(n)n.after(e);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})(`.quote-management-shipping-address-display{display:flex;flex-direction:column;gap:var(--spacing-xsmall, 4px);font-size:var(--font-size-body, 14px);line-height:var(--line-height-body, 1.5);color:var(--color-text-primary, #2d2d2d)}.quote-management-shipping-address-display__field{margin:0;word-wrap:break-word;overflow-wrap:break-word}.quote-management-shipping-address-display__name{font-weight:var(--font-weight-semibold, 600)}.quote-management-shipping-address-display--empty{padding:var(--spacing-medium, 16px);background-color:var(--color-background-subtle, #f5f5f5);border-radius:var(--border-radius-medium, 4px)}.quote-management-shipping-address-display__no-address{margin:0;color:var(--color-text-secondary, #6d6d6d);font-style:italic}
+.quote-management-actions-bar__container{container-type:inline-size;container-name:actions-bar-container}.quote-management-actions-bar{background:var(--color-neutral-200);padding:var(--spacing-xsmall);display:flex;gap:var(--spacing-small);justify-content:space-between;align-items:center}.quote-management-actions-bar__dropdown{width:max-content}.quote-management-actions-bar__buttons{display:flex}.quote-management-actions-bar__button>span{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@container actions-bar-container (max-width: 768px){.quote-management-actions-bar{flex-direction:column;align-items:flex-start;gap:var(--spacing-xsmall)}.quote-management-actions-bar__dropdown{width:100%}.quote-management-actions-bar__buttons{flex-direction:column;align-items:flex-start;gap:var(--spacing-xsmall);width:100%}.quote-management-actions-bar__button{width:100%}}.quote-management-manage-negotiable-quote{display:grid;gap:var(--spacing-small);color:var(--color-neutral-800);width:100%;container-type:inline-size}.quote-management-manage-negotiable-quote__header{display:flex;gap:var(--spacing-big);align-items:center}.quote-management-manage-negotiable-quote__quote-name>*{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__quote-status>*{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);border:2px solid var(--color-neutral-300);padding:var(--spacing-xxsmall)}.quote-management-manage-negotiable-quote__banner{width:100%}.quote-management-manage-negotiable-quote__details{display:flex;flex-direction:row;gap:var(--spacing-xsmall);justify-content:space-between;align-items:center;flex-wrap:wrap}.quote-management-manage-negotiable-quote__detail{display:flex;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.quote-management-manage-negotiable-quote__detail-title{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing)}.quote-management-manage-negotiable-quote__detail-content{font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.quote-management-manage-negotiable-quote__item-actions{justify-content:flex-start}.quote-management-manage-negotiable-quote__quote-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__shipping-information-container{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__shipping-information-title>*{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__quote-comments-container{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__quote-comments-title>*{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__footer{display:flex;gap:var(--spacing-small);justify-content:flex-start}@container (max-width: 768px){.quote-management-manage-negotiable-quote__header{flex-direction:column}.quote-management-manage-negotiable-quote__action-bar{flex-direction:column;align-items:flex-start}.quote-management-manage-negotiable-quote__quote-actions{justify-content:flex-start}}.negotiable-quote-summary{display:grid;position:relative;grid-auto-flow:row;padding:var(--spacing-medium)}.negotiable-quote-summary__primary{background-color:var(--color-neutral-200)}.negotiable-quote-summary__secondary{background-color:var(--color-neutral-50)}.negotiable-quote-summary__content{display:grid;gap:var(--spacing-xsmall);margin-top:var(--spacing-small)}.negotiable-quote-summary__heading{display:grid;font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);color:var(--color-neutral-800);gap:var(--spacing-small)}.negotiable-quote-summary__discount .negotiable-quote-summary__label,.negotiable-quote-summary__discount .negotiable-quote-summary__price{color:var(--color-warning-800)}.negotiable-quote-summary__taxes .dropin-divider:last-child{margin-bottom:0}.negotiable-quote-summary__total{margin-top:var(--spacing-medium)}.negotiable-quote-summary__divider-primary,.negotiable-quote-summary__divider-secondary{width:100%;margin:0}.negotiable-quote-summary__divider-secondary{margin:0}.negotiable-quote-summary__taxEntry.negotiable-quote-summary__entry{margin-top:0}.negotiable-quote-summary__entry,.negotiable-quote-summary__taxEntry{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.negotiable-quote-summary__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);grid-column:span 2;color:var(--color-neutral-700)}.negotiable-quote-summary__primaryAction{margin-top:var(--spacing-small);grid-template-columns:1fr}.negotiable-quote-summary__shipping--edit{display:grid;grid-column:1 / span 2;gap:var(--spacing-small);padding-top:var(--spacing-small);padding-left:var(--spacing-small)}a.negotiable-quote-summary__shippingLink{text-decoration:underline}.negotiable-quote-summary__shipping--hide{display:none!important}.negotiable-quote-summary__shipping--edit button{width:var(--spacing-huge);justify-self:end}.negotiable-quote-summary__shipping--zip,.negotiable-quote-summary__shipping--state{background-color:var(--color-neutral-50)}.negotiable-quote-summary__taxes .dropin-accordion-section__content-container{gap:var(--spacing-small);margin:var(--spacing-small) 0}.negotiable-quote-summary--loading{opacity:.4;pointer-events:none}.negotiable-quote-summary__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.negotiable-quote-summary__label,.negotiable-quote-summary__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.negotiable-quote-summary__price{text-align:right;text-transform:uppercase}.negotiable-quote-summary__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.negotiable-quote-summary__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.negotiable-quote-summary__label--bold,.negotiable-quote-summary__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.quote-management-quote-summary-list{container-type:inline-size;container-name:quote-summary-list}.quote-management-quote-summary-list__background--secondary{background-color:var(--color-neutral-200)}.quote-management-quote-summary-list__heading{display:grid;row-gap:var(--spacing-xsmall);padding:var(--spacing-medium) 0 0 0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.quote-management-quote-summary-list__heading--full-width{width:100%}.quote-management-quote-summary-list__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 var(--spacing-medium) 0}.quote-management-quote-summary-list__content{display:grid;grid-template-columns:1fr;padding:0}.quote-management-quote-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-xsmall)) 0 var(--spacing-medium) 0}.quote-management-quote-summary-list-footer__action,.quote-management-quote-summary-list-footer__action:focus .quote-management-quote-summary-list-footer__action:active,.quote-management-quote-summary-list-footer__action:link{font:var(--type-body-2-strong-font);margin:0 auto;width:auto;margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.quote-management-quote-summary-list-footer__action:hover{text-decoration:underline;text-underline-offset:var(--spacing-xxsmall);background:transparent;color:var(--color-brand-700)}.quote-management-quote-summary-list-footer__action:visited{background-color:transparent}.quote-management-quote-summary-list-accordion{border-left:var(--shape-border-width-2) solid var(--color-neutral-400);border-right:var(--shape-border-width-2) solid var(--color-neutral-400)}.quote-management-quote-summary-list-accordion__section{margin:var(--spacing-medium)}.dropin-cart-item__quantity{width:fit-content}@container quote-summary-list (width >= 768px){.quote-management-quote-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-small)) 0 var(--spacing-xxbig) 0}}@container quote-summary-list (width >= 1024px){.quote-management-quote-summary-list__content,.quote-management-quote-summary-list__heading{grid-column:1 / span 8}.quote-management-quote-summary-list__heading--full-width{grid-column:1 / span 12}.quote-management-quote-summary-list__content{padding:0}}.quotes-list-table__empty-state{padding:var(--spacing-large);text-align:center;color:var(--color-neutral-600);border-top:var(--shape-border-width-1) solid var(--color-neutral-200)}.quotes-list-table__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium);border-top:var(--shape-border-width-1) solid var(--color-neutral-200);gap:var(--spacing-medium)}.quotes-list-table__item-range{flex:1;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__pagination{flex:0 0 auto;display:flex;justify-content:center}.quotes-list-table__page-size-picker{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__page-size-picker>span{display:inline-flex;align-items:baseline}.quotes-list-table__page-size-picker .dropin-picker{display:inline-flex;align-items:center;margin:0 var(--spacing-xsmall);vertical-align:center}.quotes-list-table__page-size-picker .dropin-picker__select{height:auto;min-height:var(--sizing-medium);line-height:1.2;vertical-align:baseline}.quote-management-tabbed-content{width:100%}.quote-management-tabbed-content__tabs{display:flex;margin-bottom:-1px}.quote-management-tabbed-content__tab{background:var(--color-neutral-100);color:var(--color-neutral-700);border:solid 1px var(--color-neutral-400);padding:var(--spacing-xsmall) var(--spacing-medium);margin-left:-1px;cursor:pointer;font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.quote-management-tabbed-content__tab:first-child{margin-left:unset}.quote-management-tabbed-content__tab:hover{background:var(--color-neutral-300);color:var(--color-neutral-700)}.quote-management-tabbed-content__tab--active{background:var(--color-neutral-50);color:var(--color-neutral-800);border-bottom:none}.quote-management-tabbed-content__tab--active:hover{background:var(--color-neutral-50);color:var(--color-neutral-800)}.quote-management-tabbed-content__active-tab-content{background:var(--color-neutral-50);padding:var(--spacing-small);border:solid 1px var(--color-neutral-400)}
+.request-negotiable-quote-form{display:grid;gap:var(--spacing-small);align-items:flex-end;color:var(--color-neutral-800);width:100%}.request-negotiable-quote-form input:user-invalid,.request-negotiable-quote-form textarea:user-invalid{border-color:var(--color-alert-800)}.request-negotiable-quote-form__title{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.request-negotiable-quote-form__actions,.request-negotiable-quote-form [data-slot=AttachFileField]{display:flex;gap:var(--spacing-small)}.request-negotiable-quote-form__actions{justify-content:flex-start}.request-negotiable-quote-form__attach-file-field{justify-content:end}.request-negotiable-quote-form__attach-file-field label{background:none;color:var(--color-brand-500);font:var(--type-body-1-strong-font)}.request-negotiable-quote-form__attach-file-field label:hover{background:none}.request-negotiable-quote-form__error-banner svg{color:var(--color-alert-800)}
+.quote-management-items-quoted{display:flex;flex-direction:column;gap:var(--spacing-big)}.quote-management-product-list-table-container{display:flex;flex-direction:column;gap:var(--spacing-small)}.quote-management-product-list-table__checkbox{align-self:center;justify-self:center}.quote-management-product-list-table__product-name-container{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__product-name{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing)}.quote-management-product-list-table__configurable-option{display:flex;flex-direction:row;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__configurable-option-label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__configurable-option-value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__bundle-option{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__bundle-option-label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__bundle-option-values{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__bundle-option-value{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xxsmall);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__bundle-option-value-original-price{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__sku{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__quantity{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);display:block;justify-self:center}.quote-management-product-list-table__discount-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.quote-management-product-list-table-container__submit-container{display:flex;justify-content:flex-end}.quote-management-quote-prices-summary{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.quote-management-quote-prices-summary__entry{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.quote-management-quote-prices-summary__accordion,.quote-management-quote-prices-summary__label{flex-grow:1}.quote-management-quote-prices-summary__label--strong{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.quote-management-quote-prices-summary__value{flex-grow:1;text-align:right}`,{styleId:"quote-management"});
+import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as i}from"@dropins/tools/lib.js";import{useState as s,useEffect as u}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";const c={Request:{title:"Request a Quote",comment:"Comment",commentError:"Please add your comment",quoteName:"Quote name",quoteNameError:"Please add a quote name",attachmentsError:"Error uploading attachments",requestCta:"Request a Quote",saveDraftCta:"Save as draft",error:{header:"Error",unauthenticated:"Please sign in to request a quote.",unauthorized:"You are not authorized to request a quote.",missingCart:"Could not find a valid cart."},success:{header:"Success",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"}}},m={QuotesListTable:{quoteName:"Quote Name",created:"Created",createdBy:"Created By",status:"Status",lastUpdated:"Last Updated",quoteTemplate:"Quote Template",quoteTotal:"Quote Total",actions:"Action"}},p={NegotiableQuote:c,QuoteManagement:m},x={default:p},g=({children:a})=>{const[o,r]=s("en_US");return u(()=>{const e=d.on("locale",n=>{r(n)},{eager:!0});return()=>{e==null||e.off()}},[]),t(l,{lang:o,langDefinitions:x,children:a})},S=new i(t(g,{}));export{S as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-quote-management/src/render/Provider.tsx","/@dropins/storefront-quote-management/src/render/render.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"glCASMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-quote-management/src/render/Provider.tsx","/@dropins/storefront-quote-management/src/render/render.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"iiGASMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}

package/types/state.types.d.ts

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