@dropins/storefront-purchase-order 0.0.1-alpha1 → 0.0.1-alpha2

package/mocks/storybook/index.d.ts

@@ -0,0 +1,29 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+/**
+ * Storybook MSW (Mock Service Worker) handlers
+ *
+ * This directory contains MSW handlers used for:
+ * - Storybook stories
+ * - Mocking GraphQL requests at the network level
+ * - Testing different UI states (loading, error, empty, etc.)
+ *
+ * These handlers intercept actual GraphQL requests and return
+ * realistic mock responses for different scenarios.
+ */
+export * from './purchase-orders';
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-purchase-order", "version": "0.0.1-alpha1", "@dropins/tools": "^1.5.0-beta3", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-purchase-order", "version": "0.0.1-alpha2", "@dropins/tools": "1.5.0-alpha3002", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,4 +1,5 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as f}from"@dropins/tools/lib.js";import{useState as i,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as a}from"@dropins/tools/event-bus.js";const p={"":{}},u={default:p},d=({children:o})=>{const[t,n]=i("en_US");return m(()=>{const r=a.on("locale",s=>{n(s)},{eager:!0});return()=>{r==null||r.off()}},[]),e(c,{lang:t,langDefinitions:u,children:o})},x=new f(e(d,{}));export{x as render};
+(function(n,t){try{if(typeof document<"u"){const e=document.createElement("style"),s=t.styleId;for(const a in t.attributes)e.setAttribute(a,t.attributes[a]);e.setAttribute("data-dropin",s),e.appendChild(document.createTextNode(n));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(e);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})('.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}',{styleId:"b2b-purchase-order"});
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as d}from"@dropins/tools/lib.js";import{useState as n,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as u}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const c={customerPurchaseOrders:{containerTitle:"Purchase orders",noPurchaseOrders:"No my purchase orders found."},companyPurchaseOrders:{containerTitle:"Company Purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires My Approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval Rules",buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"Purchase orders approved successfully",reject:"Purchase orders rejected successfully",error:"There was an error processing your request. Please try again."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}} to {{to}} of {{total}} total",pageSizeLabel:{start:"Show",end:"per page"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",ruleType:"Rule Type",appliesTo:"Applies To",approver:"Approver"}}},i={PurchaseOrders:c},m={default:i},f=({children:a})=>{const[o,s]=n("en_US");return p(()=>{const e=l.on("locale",t=>{s(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(u,{lang:o,langDefinitions:m,children:a})},O=new d(r(f,{}));export{O as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/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":"kTASMA,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-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/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":"2/DASMA,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/api/api.enums.types.d.ts

@@ -0,0 +1,21 @@
+export declare enum PurchaseOrderApprovalRuleStatus {
+    ENABLED = "ENABLED",
+    DISABLED = "DISABLED"
+}
+export declare enum PurchaseOrderApprovalRuleType {
+    GRAND_TOTAL = "GRAND_TOTAL",
+    SHIPPING_INCL_TAX = "SHIPPING_INCL_TAX",
+    NUMBER_OF_SKUS = "NUMBER_OF_SKUS"
+}
+export declare enum PurchaseOrderApprovalRuleConditionOperator {
+    MORE_THAN = "MORE_THAN",
+    LESS_THAN = "LESS_THAN",
+    MORE_THAN_OR_EQUAL_TO = "MORE_THAN_OR_EQUAL_TO",
+    LESS_THAN_OR_EQUAL_TO = "LESS_THAN_OR_EQUAL_TO"
+}
+export declare enum EnumPurchaseOrderType {
+    CUSTOMER_PURCHASE_ORDERS = "customerPurchaseOrders",
+    COMPANY_PURCHASE_ORDERS = "companyPurchaseOrders",
+    CUSTOMER_APPROVAL_PURCHASE_ORDERS = "customerApprovalPurchaseOrders"
+}
+//# sourceMappingURL=api.enums.types.d.ts.map

package/types/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './api.enums.types';
+//# sourceMappingURL=index.d.ts.map

package/types/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './purchaseOrdersTable.types';
+export * from './pagination.types';
+export * from './purchaseOrdersTableActions';
+//# sourceMappingURL=index.d.ts.map

package/types/components/pagination.types.d.ts

@@ -0,0 +1,27 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export interface PaginationState {
+    currentPage: number;
+    totalPages: number;
+    handlePageChange: (page: number) => void;
+}
+export interface PageSizeListProps {
+    text: string;
+    value: string;
+    selected: boolean;
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/types/components/purchaseOrdersTable.types.d.ts

@@ -0,0 +1,31 @@
+import { VNode } from 'preact';
+import { PageSizeListProps, PaginationState } from '.';
+import { AlertMessageConfigType } from '../hooks';
+
+export interface Column {
+    key: string;
+    label: string | VNode;
+}
+export interface Row {
+    [key: string]: VNode | string | number | undefined;
+    _rowDetails?: VNode | string;
+}
+export interface PurchaseOrdersTableProps {
+    pageSizeConfig: {
+        pageSizeOptionsList: PageSizeListProps[];
+        onChange: (event: Event) => void;
+    };
+    totalCount?: number;
+    columns: Column[];
+    rows: Row[];
+    paginationConfig: PaginationState;
+    loading?: boolean;
+    className?: string;
+    emptyTitle?: string;
+    variant?: 'primary' | 'secondary';
+    skeletonRowCount?: number | string;
+    footer?: VNode | string;
+    header?: VNode | string;
+    alertMessageConfig: AlertMessageConfigType;
+}
+//# sourceMappingURL=purchaseOrdersTable.types.d.ts.map

package/types/components/purchaseOrdersTableActions.d.ts

@@ -0,0 +1,8 @@
+export interface PurchaseOrdersTableActionsProps {
+    loading: boolean;
+    selectedCount?: number;
+    className?: string;
+    handleRejectSelected?: () => void;
+    handleApproveSelected?: () => void;
+}
+//# sourceMappingURL=purchaseOrdersTableActions.d.ts.map

package/types/containers/companyPurchaseOrders.types.d.ts

@@ -0,0 +1,12 @@
+import { Column, PageSizeListProps, Row } from '../components';
+
+export interface CompanyPurchaseOrdersProps {
+    initialPageSize: PageSizeListProps[];
+    routePurchaseOrderDetails?: (poId: string) => string;
+    setColumns?: (defaultColumns: Column[]) => Column[];
+    setRowsData?: (defaultRows: Row[]) => Row[];
+    className?: string;
+    withHeader?: boolean;
+    skeletonRowCount?: number;
+}
+//# sourceMappingURL=companyPurchaseOrders.types.d.ts.map

package/types/containers/customerPurchaseOrders.types.d.ts

@@ -0,0 +1,12 @@
+import { Column, PageSizeListProps, Row } from '../components';
+
+export interface CustomerPurchaseOrdersProps {
+    initialPageSize: PageSizeListProps[];
+    routePurchaseOrderDetails?: (poId: string) => string;
+    setColumns?: (defaultColumns: Column[]) => Column[];
+    setRowsData?: (defaultRows: Row[]) => Row[];
+    className?: string;
+    withHeader?: boolean;
+    skeletonRowCount?: number;
+}
+//# sourceMappingURL=customerPurchaseOrders.types.d.ts.map

package/types/containers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './customerPurchaseOrders.types';
+export * from './companyPurchaseOrders.types';
+export * from './requireApprovalPurchaseOrders.types';
+//# sourceMappingURL=index.d.ts.map

package/types/containers/requireApprovalPurchaseOrders.types.d.ts

@@ -0,0 +1,12 @@
+import { Column, PageSizeListProps, Row } from '../components';
+
+export interface RequireApprovalPurchaseOrdersProps {
+    initialPageSize: PageSizeListProps[];
+    routePurchaseOrderDetails?: (poId: string) => string;
+    setColumns?: (defaultColumns: Column[]) => Column[];
+    setRowsData?: (defaultRows: Row[]) => Row[];
+    className?: string;
+    withHeader?: boolean;
+    skeletonRowCount?: number;
+}
+//# sourceMappingURL=requireApprovalPurchaseOrders.types.d.ts.map

package/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePurchaseOrders.types';
+//# sourceMappingURL=index.d.ts.map

package/types/hooks/usePurchaseOrders.types.d.ts

@@ -0,0 +1,37 @@
+import { PageSizeListProps, PaginationState } from '../components/pagination.types';
+import { Column, Row } from '../components/purchaseOrdersTable.types';
+import { EnumPurchaseOrderType } from '../api';
+
+export type AlertMessageConfigType = {
+    heading: string;
+    description: string;
+    type: 'error' | 'warning' | 'success';
+};
+export interface UsePurchaseOrdersParams {
+    initialPageSize: PageSizeListProps[];
+    routePurchaseOrderDetails?: (poId: string) => string;
+    setColumns?: (defaultColumns: Column[]) => Column[];
+    setRowsData?: (defaultRows: Row[]) => Row[];
+    t: Record<string, string>;
+    type: EnumPurchaseOrderType;
+}
+export interface UsePurchaseOrdersReturn {
+    isApproval: boolean;
+    isAdmin: boolean;
+    totalCount: number;
+    loading: boolean;
+    tableConfig: {
+        columns: Column[];
+        rows: Row[];
+    };
+    paginationConfig: PaginationState;
+    pageSizeConfig: {
+        pageSizeOptionsList: PageSizeListProps[];
+        onChange: (event: Event) => void;
+    };
+    selectedOrderIds: string[];
+    handleRejectSelected: () => void;
+    handleApproveSelected: () => void;
+    alertMessageConfig: AlertMessageConfigType;
+}
+//# sourceMappingURL=usePurchaseOrders.types.d.ts.map