@dropins/storefront-requisition-list 0.0.1 → 0.1.0-alpha

package/containers/RequisitionListNames.js

@@ -0,0 +1,111 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsxs as f,jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import*as a from"@dropins/tools/preact-compat.js";import{useState as p,useEffect as R}from"@dropins/tools/preact-compat.js";import{Picker as q,Icon as g,Card as L}from"@dropins/tools/components.js";import{R as E,f as h,h as v,t as S}from"../chunks/transform-requisition-list.js";import{g as b}from"../chunks/getRequisitionLists.js";import{R as N}from"../chunks/RequisitionListForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/preact-hooks.js";/* empty css                            */import{useText as y}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const U=`
+fragment REQUISITION_LIST_ITEMS_FRAGMENT on RequistionListItems {
+  items {
+    uid
+    quantity
+    customizable_options {
+      customizable_option_uid
+      is_required
+      label
+      sort_order
+      type
+      values {
+        customizable_option_value_uid
+        label
+        value
+        price {
+          type
+          units
+          value
+        }
+      }
+    }
+    ... on BundleRequisitionListItem {
+      bundle_options {
+        uid
+        label
+        type
+        values {
+          uid
+          label
+          original_price {
+            value
+            currency
+          }
+          priceV2 {
+            value
+            currency
+          }
+          quantity
+        }
+      }
+    }
+    ... on ConfigurableRequisitionListItem {
+      configurable_options {
+        configurable_product_option_uid
+        configurable_product_option_value_uid
+        option_label
+        value_label
+      }
+    }
+    ... on DownloadableRequisitionListItem {
+      links {
+        price
+        sample_url
+        sort_order
+        title
+        uid
+      }
+      samples {
+        sample_url
+        sort_order
+        title
+      }
+    }
+    ... on GiftCardRequisitionListItem {
+      gift_card_options {
+        amount {
+          currency
+          value
+        }
+        custom_giftcard_amount {
+          currency
+          value
+        }
+        message
+        recipient_email
+        recipient_name
+        sender_name
+        sender_email
+      }
+    }
+  }
+  page_info {
+    page_size
+    current_page
+    total_pages
+  }
+}
+`,O=`
+  mutation ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION(
+      $requisitionListUid: ID!, 
+      $requisitionListItems: [RequisitionListItemsInput!]!
+    ) {
+    addProductsToRequisitionList(
+      requisitionListUid: $requisitionListUid
+      requisitionListItems: $requisitionListItems
+    ) {
+      requisition_list {
+        ...REQUISITION_LIST_FRAGMENT
+        items {
+          ...REQUISITION_LIST_ITEMS_FRAGMENT
+        }
+      }
+    }
+  }
+${U}
+${E}
+`,M=async(s,r)=>{const{errors:t,data:u}=await h(O,{variables:{requisitionListUid:s,requisitionListItems:r}});return t?v(t):S(u.addProductsToRequisitionList.requisition_list)},A=s=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 12H21",stroke:"currentColor"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 6H21",stroke:"currentColor"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 18H21",stroke:"currentColor"})),B=({items:s=[],canCreate:r=!0,sku:t,quantity:u=1,...I})=>{const[o,l]=p(s),[_,c]=p(!1),d=y({createTitle:"RequisitionList.RequisitionListForm.createTitle",addToReqList:"RequisitionList.RequisitionListForm.addToRequisitionList"});R(()=>{(!o||o.length===0)&&b().then(i=>{i&&i.items&&l(i.items)}).catch(i=>{console.error("Error fetching requisition lists:",i)})},[o]);const T=[...(o==null?void 0:o.map(i=>({value:i.uid,text:i.name})))??[],...r?[{value:"__create__",text:d.createTitle}]:[]],m=async i=>{try{await M(i,[{sku:t,quantity:u}])}catch(e){console.error("Error adding product to list:",e)}};return f("div",{...I,className:"requisition-list-names",children:[n(q,{id:`requisition-list-names__picker__${t}`,className:"requisition-list-names__picker",name:`requisition-list-names__picker__${t}`,icon:n(g,{source:A}),variant:"secondary",placeholder:d.addToReqList,disabled:_,size:"medium",options:T,handleSelect:i=>{const e=i.currentTarget.value;if(e==="__create__"){c(!0);return}e&&m(e).then(()=>{i.target.value=""})}}),r&&_&&n(L,{variant:"secondary",children:n(N,{mode:"create",onSuccess:async i=>{m(i.uid).then(()=>{c(!1),l(e=>e?[...e,i]:[i])})},onCancel:()=>c(!1)})})]})};export{B as RequisitionListNames,B as default};
+//# sourceMappingURL=RequisitionListNames.js.map

package/containers/RequisitionListNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequisitionListNames.js","sources":["/@dropins/storefront-requisition-list/src/api/fragments/RequisitionListItemsFragment.graphql.ts","/@dropins/storefront-requisition-list/src/api/addProductsToRequisitionList/graphql/addProductsToRequisitionList.ts","/@dropins/storefront-requisition-list/src/api/addProductsToRequisitionList/addProductsToRequisitionList.ts","../../node_modules/@adobe-commerce/elsie/src/icons/Burger.svg","/@dropins/storefront-requisition-list/src/containers/RequisitionListNames/RequisitionListNames.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nexport const REQUISITION_LIST_ITEMS_FRAGMENT = `\nfragment REQUISITION_LIST_ITEMS_FRAGMENT on RequistionListItems {\n  items {\n    uid\n    quantity\n    customizable_options {\n      customizable_option_uid\n      is_required\n      label\n      sort_order\n      type\n      values {\n        customizable_option_value_uid\n        label\n        value\n        price {\n          type\n          units\n          value\n        }\n      }\n    }\n    ... on BundleRequisitionListItem {\n      bundle_options {\n        uid\n        label\n        type\n        values {\n          uid\n          label\n          original_price {\n            value\n            currency\n          }\n          priceV2 {\n            value\n            currency\n          }\n          quantity\n        }\n      }\n    }\n    ... on ConfigurableRequisitionListItem {\n      configurable_options {\n        configurable_product_option_uid\n        configurable_product_option_value_uid\n        option_label\n        value_label\n      }\n    }\n    ... on DownloadableRequisitionListItem {\n      links {\n        price\n        sample_url\n        sort_order\n        title\n        uid\n      }\n      samples {\n        sample_url\n        sort_order\n        title\n      }\n    }\n    ... on GiftCardRequisitionListItem {\n      gift_card_options {\n        amount {\n          currency\n          value\n        }\n        custom_giftcard_amount {\n          currency\n          value\n        }\n        message\n        recipient_email\n        recipient_name\n        sender_name\n        sender_email\n      }\n    }\n  }\n  page_info {\n    page_size\n    current_page\n    total_pages\n  }\n}\n`;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { REQUISITION_LIST_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListFragment.graphql';\nimport { REQUISITION_LIST_ITEMS_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListItemsFragment.graphql';\n\nexport const ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION = `\n  mutation ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION(\n      $requisitionListUid: ID!, \n      $requisitionListItems: [RequisitionListItemsInput!]!\n    ) {\n    addProductsToRequisitionList(\n      requisitionListUid: $requisitionListUid\n      requisitionListItems: $requisitionListItems\n    ) {\n      requisition_list {\n        ...REQUISITION_LIST_FRAGMENT\n        items {\n          ...REQUISITION_LIST_ITEMS_FRAGMENT\n        }\n      }\n    }\n  }\n${REQUISITION_LIST_ITEMS_FRAGMENT}\n${REQUISITION_LIST_FRAGMENT}\n`;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { fetchGraphQl } from '@/requisitionList/api';\nimport { ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION } from '@/requisitionList/api/addProductsToRequisitionList/graphql/addProductsToRequisitionList';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { transformRequisitionList } from '@/requisitionList/data/transforms';\nimport { Product } from '@/requisitionList/data/models/item';\n\nexport const addProductsToRequisitionList = async (\n  requisitionListUid: string,\n  requisitionListItems: Array<Product>\n): Promise<RequisitionList | null> => {\n  const { errors, data } = await fetchGraphQl(\n    ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION,\n    {\n      variables: {\n        requisitionListUid,\n        requisitionListItems,\n      },\n    }\n  );\n  if (errors) return handleFetchError(errors);\n\n  return transformRequisitionList(\n    data.addProductsToRequisitionList.requisition_list\n  );\n};\n","import * as React from \"react\";\nconst SvgBurger = (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: \"M3 12H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 6H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 18H21\", stroke: \"currentColor\" }));\nexport default SvgBurger;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { RequisitionList } from '../../data/models/requisitionList.js';\nimport { Card, Icon, Picker } from '@adobe-commerce/elsie/components';\nimport { addProductsToRequisitionList } from '@/requisitionList/api/addProductsToRequisitionList/addProductsToRequisitionList';\nimport { getRequisitionLists } from '@/requisitionList/api';\nimport { RequisitionListForm } from '@/requisitionList/containers';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Burger } from '@adobe-commerce/elsie/icons';\nimport { JSX } from 'preact';\nimport '@/requisitionList/containers/RequisitionListNames/RequisitionListNames.css';\n\nexport interface RequisitionListNamesProps\n  extends HTMLAttributes<HTMLDivElement> {\n  items?: RequisitionList[];\n  canCreate?: boolean;\n  sku: string;\n  quantity?: number;\n}\n\nexport const RequisitionListNames: Container<RequisitionListNamesProps> = ({\n  items = [],\n  canCreate = true,\n  sku,\n  quantity = 1,\n  ...props\n}: RequisitionListNamesProps) => {\n  const [reqLists, setReqLists] = useState(items);\n  const [isAdding, setIsAdding] = useState(false);\n\n  const translations = useText({\n    createTitle: `RequisitionList.RequisitionListForm.createTitle`,\n    addToReqList: `RequisitionList.RequisitionListForm.addToRequisitionList`,\n  });\n\n  useEffect(() => {\n    if (!reqLists || reqLists.length === 0) {\n      getRequisitionLists()\n        .then((res: { items: RequisitionList[] }) => {\n          if (res && res.items) {\n            setReqLists(res.items);\n          }\n        })\n        .catch((error: any) => {\n          console.error('Error fetching requisition lists:', error);\n        });\n    }\n  }, [reqLists]);\n\n  const reqListOptions = [\n    ...(reqLists?.map((reqList: RequisitionList) => ({\n      value: reqList.uid,\n      text: reqList.name,\n    })) ?? []),\n    ...(canCreate\n      ? [{ value: '__create__', text: translations.createTitle }]\n      : []),\n  ];\n\n  const handleAddProdToReqList = async (requisitionListUid: string) => {\n    try {\n      await addProductsToRequisitionList(requisitionListUid, [\n        { sku, quantity },\n      ]);\n    } catch (error) {\n      console.error('Error adding product to list:', error);\n    }\n  };\n\n  return (\n    <div {...props} className=\"requisition-list-names\">\n      <Picker\n        id={`requisition-list-names__picker__${sku}`}\n        className=\"requisition-list-names__picker\"\n        name={`requisition-list-names__picker__${sku}`}\n        icon={<Icon source={Burger} />}\n        variant={'secondary'}\n        placeholder={translations.addToReqList}\n        disabled={isAdding}\n        size=\"medium\"\n        options={reqListOptions}\n        handleSelect={(event: JSX.TargetedEvent<HTMLSelectElement, Event>) => {\n          const selectedUid = event.currentTarget.value;\n          if (selectedUid === '__create__') {\n            setIsAdding(true);\n            return;\n          }\n          if (selectedUid) {\n            handleAddProdToReqList(selectedUid).then(() => {\n              // TODO: dispatch event when they are available\n              event.target.value = ''; // Reset the Picker to Select the Placeholder again when completed\n            });\n          }\n        }}\n      />\n      {canCreate && isAdding && (\n        <Card variant=\"secondary\">\n          <RequisitionListForm\n            mode=\"create\"\n            onSuccess={async (newList: RequisitionList) => {\n              handleAddProdToReqList(newList.uid).then(() => {\n                // TODO: dispatch event when they are available\n                setIsAdding(false);\n                setReqLists((prevLists: RequisitionList[]) =>\n                  prevLists ? [...prevLists, newList] : [newList]\n                );\n              });\n            }}\n            onCancel={() => setIsAdding(false)}\n          />\n        </Card>\n      )}\n    </div>\n  );\n};\n"],"names":["REQUISITION_LIST_ITEMS_FRAGMENT","ADD_PRODUCTS_TO_REQUISITION_LIST_MUTATION","REQUISITION_LIST_FRAGMENT","addProductsToRequisitionList","requisitionListUid","requisitionListItems","errors","data","fetchGraphQl","handleFetchError","transformRequisitionList","SvgBurger","props","React","RequisitionListNames","items","canCreate","sku","quantity","reqLists","setReqLists","useState","isAdding","setIsAdding","translations","useText","useEffect","getRequisitionLists","res","error","reqListOptions","reqList","handleAddProdToReqList","jsxs","jsx","Picker","Icon","Burger","event","selectedUid","Card","RequisitionListForm","newList","prevLists"],"mappings":"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","x_google_ignoreList":[3]}

package/containers/index.d.ts

@@ -0,0 +1,20 @@
+/********************************************************************
+ * 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 * from './RequisitionListForm';
+export * from './RequisitionListGrid';
+export * from './RequisitionListNames';
+//# sourceMappingURL=index.d.ts.map

package/data/models/item.d.ts

@@ -0,0 +1,99 @@
+/********************************************************************
+ * 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 Product {
+    sku: string;
+    quantity: number;
+    parent_sku: string;
+    selected_options: string[];
+    entered_options: {
+        uid: string;
+        value: string;
+    }[];
+}
+export interface Item {
+    uid: string;
+    quantity: number;
+    customizable_options?: {
+        uid: string;
+        is_required: boolean;
+        label: string;
+        sort_order: number;
+        type: string;
+        values: {
+            uid: string;
+            label: string;
+            price: {
+                type: string;
+                units: string;
+                value: number;
+            };
+            value: string;
+        }[];
+    }[];
+    bundle_options?: {
+        uid: string;
+        label: string;
+        type: string;
+        values: {
+            uid: string;
+            label: string;
+            original_price: {
+                value: number;
+                currency: string;
+            };
+            priceV2: {
+                value: number;
+                currency: string;
+            };
+            quantity: number;
+        }[];
+    }[];
+    configurable_options?: {
+        option_uid: string;
+        option_label: string;
+        value_uid: string;
+        value_label: string;
+    }[];
+    links?: {
+        uid: string;
+        price?: number;
+        sample_url?: string;
+        sort_order?: number;
+        title?: string;
+    }[];
+    samples?: {
+        url?: string;
+        sort_order?: number;
+        title?: string;
+    }[];
+    gift_card_options?: {
+        amount?: {
+            value?: number;
+            currency?: string;
+        };
+        custom_giftcard_amount?: {
+            value?: number;
+            currency?: string;
+        };
+        message?: string;
+        recipient_email?: string;
+        recipient_name?: string;
+        sender_name?: string;
+        sender_email?: string;
+    };
+}
+//# sourceMappingURL=item.d.ts.map

package/data/models/requisitionList.d.ts

@@ -0,0 +1,11 @@
+import { Item } from './item';
+
+export interface RequisitionList {
+    uid: string;
+    name: string;
+    description: string;
+    updated_at: string;
+    items_count: number;
+    items: Item[];
+}
+//# sourceMappingURL=requisitionList.d.ts.map

package/data/models/requisitionLists.d.ts

@@ -0,0 +1,12 @@
+import { RequisitionList } from './requisitionList';
+
+export interface RequisitionLists {
+    page_info: {
+        page_size: number;
+        current_page: number;
+        total_pages: number;
+    };
+    total_count: number;
+    items: RequisitionList[];
+}
+//# sourceMappingURL=requisitionLists.d.ts.map

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

@@ -0,0 +1,5 @@
+import { RequisitionLists as RequisitionListsModel } from '../../models/requisitionLists';
+
+declare const requisitionListGridData: RequisitionListsModel;
+export { requisitionListGridData };
+//# sourceMappingURL=requisitionListGridData.d.ts.map

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

@@ -0,0 +1,5 @@
+import { Item as RequisitionListItemModel } from '../../models/item';
+
+declare const requisitionListItemData: RequisitionListItemModel;
+export { requisitionListItemData };
+//# sourceMappingURL=requisitionListItemData.d.ts.map

package/data/transforms/index.d.ts

@@ -1,2 +1,18 @@
-export {};
+/********************************************************************
+ * 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 * from './transform-requisition-list';
 //# sourceMappingURL=index.d.ts.map

package/data/transforms/transform-requisition-list.d.ts

@@ -0,0 +1,92 @@
+import { RequisitionList } from '../models/requisitionList';
+
+export interface RawRequisitionListData {
+    name: string;
+    description: string;
+    uid: string;
+    updated_at: string;
+    items_count: number;
+    items: {
+        items: RawItemData[];
+        page_info: {
+            total_pages: number;
+            current_page: number;
+            page_size: number;
+        };
+    };
+}
+export declare function transformRequisitionList(data: RawRequisitionListData): RequisitionList | null;
+interface RawItemData {
+    uid: string;
+    quantity: number;
+    customizable_options?: {
+        customizable_option_uid: string;
+        is_required: boolean;
+        label: string;
+        sort_order: number;
+        type: string;
+        values: {
+            customizable_option_value_uid: string;
+            label: string;
+            price: {
+                type: string;
+                units: string;
+                value: number;
+            };
+            value: string;
+        }[];
+    }[];
+    bundle_options?: {
+        uid: string;
+        label: string;
+        type: string;
+        values: {
+            uid: string;
+            label: string;
+            original_price: {
+                value: number;
+                currency: string;
+            };
+            priceV2: {
+                value: number;
+                currency: string;
+            };
+            quantity: number;
+        }[];
+    }[];
+    configurable_options?: {
+        configurable_product_option_uid: string;
+        option_label: string;
+        configurable_product_option_value_uid: string;
+        value_label: string;
+    }[];
+    links?: {
+        uid: string;
+        price?: number;
+        sample_url?: string;
+        sort_order?: number;
+        title?: string;
+    }[];
+    samples?: {
+        sample_url?: string;
+        sort_order?: number;
+        title?: string;
+    }[];
+    gift_card_options?: {
+        amount?: {
+            value?: number;
+            currency?: string;
+        };
+        custom_giftcard_amount?: {
+            value?: number;
+            currency?: string;
+        };
+        message?: string;
+        recipient_email?: string;
+        recipient_name?: string;
+        sender_name?: string;
+        sender_email?: string;
+    };
+}
+export {};
+//# sourceMappingURL=transform-requisition-list.d.ts.map

package/hooks/useRequisitionListForm.d.ts

@@ -0,0 +1,12 @@
+import { RequisitionList } from '../data/models/requisitionList';
+
+export type RequisitionListFormMode = 'create' | 'edit';
+export type RequisitionListFormValues = {
+    name: string;
+    description?: string;
+};
+export declare function useRequisitionListForm(mode: RequisitionListFormMode, requisitionListUid?: string, onSuccess?: (rl: RequisitionList) => void, onError?: (msg: string) => void): {
+    readonly error: string | null;
+    readonly submit: (values: RequisitionListFormValues) => Promise<RequisitionList | null>;
+};
+//# sourceMappingURL=useRequisitionListForm.d.ts.map

package/i18n/en_US.json.d.ts

@@ -1,5 +1,37 @@
 declare const _default: {
-    "": {}
-};
+  "RequisitionList": {
+    "containerTitle": "Requisition Lists",
+    "RequisitionListWrapper": {
+      "name": "Name",
+      "itemsCount": "Items count",
+      "lastUpdated": "Last updated",
+      "actions": "Actions",
+      "loginMsg": "Please login",
+      "confirmRemove": "Confirm Requisition List removing",
+      "confirmRemoveContent": "Requisition List will be permanently deleted. This action can not be undone.",
+      "confirmAction": "Confirm",
+      "cancelAction": "Cancel"
+    },
+    "AddNewReqList": {
+      "addNewReqListBtn": "Add new Requisition List"
+    },
+    "RequisitionListItem": {
+      "actionRename": "Rename",
+      "actionRemove": "Remove"
+    },
+    "RequisitionListForm": {
+      "actionCancel": "Cancel",
+      "actionSave": "Save",
+      "requiredField": "This is a required field.",
+      "floatingLabel": "Requisition List Name *",
+      "placeholder": "Requisition List Name",
+      "label": "Description",
+      "editTitle": "Rename Requisition List",
+      "createTitle": "Create Requisition List",
+      "addToRequisitionList": "Add to Requisition List:"
+    }
+  }
+}
+;
 
 export default _default;

package/lib/fetch-error.d.ts

@@ -0,0 +1,21 @@
+/********************************************************************
+ * 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.
+ *******************************************************************/
+/** Actions */
+export declare const handleFetchError: (errors: Array<{
+    message: string;
+}>) => never;
+//# sourceMappingURL=fetch-error.d.ts.map

package/lib/state.d.ts

@@ -0,0 +1,22 @@
+/********************************************************************
+ * 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.
+ *******************************************************************/
+type State = {
+    authenticated: boolean;
+};
+export declare const state: State;
+export {};
+//# sourceMappingURL=state.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-requisition-list", "version": "0.0.1", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-requisition-list", "version": "0.1.0-alpha", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,4 +1,6 @@
 /*! 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(o,e){try{if(typeof document<"u"){const i=document.createElement("style"),n=e.styleId;for(const t in e.attributes)i.setAttribute(t,e.attributes[t]);i.setAttribute("data-dropin",n),i.appendChild(document.createTextNode(o));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(i);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(i):document.head.append(i)}}}catch(i){console.error("dropin-styles (injectCodeFunction)",i)}})(`.requisition-list-item{display:block}.requisition-list-item__row{display:contents}.requisition-list-item__cell{padding:8px 12px;border-bottom:1px solid #eee;background:#fff;font-size:1rem}.requisition-list-item__name{display:block;margin-bottom:2px;font:var(--type-button-2-font);font-weight:700}.requisition-list-item__description,.requisition-list-item__items_count,.requisition-list-item__updated_at,.requisition-list-item__actions{font:var(--type-button-2-font);font-weight:400;color:#666}.requisition-list-item__actions{display:flex;align-items:baseline;padding:0;margin-left:-8px}.requisition-list-item__actions .dropin-button--tertiary:hover{text-decoration:underline}.requisition-list-grid-wrapper__content{display:grid;grid-template-columns:repeat(4,1fr);row-gap:8px;width:100%}.requisition-list-grid-wrapper__list-header{display:contents}.requisition-list-grid-wrapper__list-header h5{padding:8px 12px;border-bottom:2px solid #ccc;font-weight:700}.requisition-list__row{display:contents}.requisition-list__cell{padding:8px 12px;border-bottom:1px solid #eee}.requisition-list-grid-wrapper__login-msg{grid-column:1 / -1;text-align:center;padding:16px 0;color:#666;font-size:1rem;background:#fff}.requisition-list-grid-wrapper__pagination{display:flex;justify-content:flex-end;margin:1.5rem;padding-right:1.5rem;gap:.5rem}.requisition-list-grid-wrapper__add-new{margin:1.5rem 0}.requisition-list-grid-wrapper__form-row{grid-column:1 / -1;width:100%}.requisition-list-actions{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-2);border:var(--shape-border-width-2) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.requisition-list-actions--selectable{max-width:100%;width:auto}.requisition-list-actions__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.requisition-list-actions svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}@supports (height: 100dvh){.requisition-list-modal .dropin-modal{height:100dvh}}.requisition-list-modal--overlay{position:relative;padding:var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-small);width:100%;margin:auto;max-width:340px}@media (min-width: 768px){.requisition-list-modal--overlay{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.requisition-list-modal .dropin-modal__content{margin:0;align-items:center}.requisition-list-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.requisition-list-modal .requisition-list-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.requisition-list-modal p{margin:var(--spacing-small) 0}@media (min-width: 768px){.requisition-list-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}.requisition-list-modal .requisition-list-modal__buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.requisition-list-names{position:relative}.requisition-list-names .requisition-list-names__picker{position:absolute;width:100%}.requisition-list-names .requisition-list-names__picker select{border:none}.requisition-list-names .dropin-card{position:relative;top:var(--spacing-xbig)}
+.requisition-list-form{box-sizing:border-box;background-color:var(--color-neutral-50)}.requisition-list-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.requisition-list-form__notification{margin-bottom:var(--spacing-medium)}.requisition-list-form__form{display:grid;grid-template-columns:1fr;gap:var(--spacing-medium)}.requisition-list-form__actions{display:flex;justify-content:flex-end;align-items:center;gap:0 var(--grid-2-gutters)}.requisition-list-form__actions button{min-width:var(--spacing-xhuge)}`,{styleId:"RequisitionList"});
+import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as a}from"@dropins/tools/lib.js";import{useState as r,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";const u={containerTitle:"Requisition Lists",RequisitionListWrapper:{name:"Name",itemsCount:"Items count",lastUpdated:"Last updated",actions:"Actions",loginMsg:"Please login",confirmRemove:"Confirm Requisition List removing",confirmRemoveContent:"Requisition List will be permanently deleted. This action can not be undone.",confirmAction:"Confirm",cancelAction:"Cancel"},AddNewReqList:{addNewReqListBtn:"Add new Requisition List"},RequisitionListItem:{actionRename:"Rename",actionRemove:"Remove"},RequisitionListForm:{actionCancel:"Cancel",actionSave:"Save",requiredField:"This is a required field.",floatingLabel:"Requisition List Name *",placeholder:"Requisition List Name",label:"Description",editTitle:"Rename Requisition List",createTitle:"Create Requisition List",addToRequisitionList:"Add to Requisition List:"}},l={RequisitionList:u},R={default:l},L=({children:t})=>{const[n,o]=r("en_US");return m(()=>{const i=d.on("locale",s=>{o(s)},{eager:!0});return()=>{i==null||i.off()}},[]),e(c,{lang:n,langDefinitions:R,children:t})},C=new a(e(L,{}));export{C as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-requisition-list/src/render/Provider.tsx","/@dropins/storefront-requisition-list/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-requisition-list/src/render/Provider.tsx","/@dropins/storefront-requisition-list/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":"4mCASMA,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/data/models/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.ts.map