@dropins/storefront-quick-order 0.1.2-alpha2 → 1.0.0-beta.3

package/types/quickOrderVariantsGrid.types.d.ts

@@ -0,0 +1,141 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib/slot';
+import { VNode } from 'preact';
+
+export interface ProductVariantAttribute {
+    name: string;
+    label: string;
+    value: string | number;
+    roles: string[];
+}
+export interface ProductVariantImage {
+    url: string;
+}
+export interface ProductVariantPrice {
+    final: {
+        amount: {
+            currency: string;
+            value: number;
+        };
+    };
+}
+export interface ProductVariant {
+    product: {
+        sku: string;
+        name: string;
+        inStock: boolean;
+        images: ProductVariantImage[];
+        attributes: ProductVariantAttribute[];
+        price: ProductVariantPrice;
+    };
+}
+export interface VariantRow {
+    id: string;
+    image: VNode | string;
+    sku: VNode | string;
+    availability: VNode | string;
+    price: VNode | string;
+    quantity: VNode | number;
+    subtotal: VNode | string;
+    [key: string]: VNode | string | number | undefined;
+}
+export interface VariantWithQuantity extends ProductVariant {
+    quantity: number;
+}
+export interface VariantTableData {
+    sku: string;
+    name: string;
+    inStock: boolean;
+    attributes: Record<string, {
+        label: string;
+        value: string | number;
+    }>;
+    price: number;
+    quantity: number;
+    subtotal: number;
+    image: string;
+}
+export type VariantActionsContext = {
+    onClear: () => void;
+    onSaveToCsv: () => void;
+    onCollectData: () => VariantTableData[];
+    isDisabled: boolean;
+    variantsCount: number;
+};
+export type VariantCellContext = {
+    variant: ProductVariant;
+    quantity: number;
+    onQuantityChange: (sku: string, quantity: number) => void;
+};
+export interface UseQuickOrderVariantsDataProps {
+    initialVariants?: ProductVariant[];
+    onVariantsLoaded?: (variants: VariantWithQuantity[]) => void;
+    onSelectedVariantsChange?: (data: VariantTableData[]) => void;
+    debounceMs?: number;
+    initialLoading?: boolean;
+}
+export interface UseQuickOrderVariantsDataReturn {
+    variants: VariantWithQuantity[];
+    loading: boolean;
+    updateQuantity: (sku: string, quantity: number) => void;
+    clearAllQuantities: () => void;
+    exportToCsv: () => void;
+    collectTableData: () => VariantTableData[];
+    variantsWithQuantity: number;
+}
+export interface QuickOrderVariantsActionsProps {
+    t: Record<string, string>;
+    onClear: () => void;
+    onSaveToCsv: () => void;
+    onCollectData?: () => VariantTableData[];
+    isDisabled?: boolean;
+    variantsCount?: number;
+    className?: string;
+    slots?: {
+        Actions?: SlotProps<VariantActionsContext>;
+    };
+}
+export interface QuickOrderVariantsGridComponentProps {
+    t: Record<string, string>;
+    variants: VariantWithQuantity[];
+    loading?: boolean;
+    className?: string;
+    onQuantityChange: (sku: string, quantity: number) => void;
+    visibleVariantsLimit?: number;
+    columns?: Array<{
+        key: string;
+        label: string;
+        sortBy?: 'asc' | 'desc' | true;
+    }>;
+    slots?: {
+        ImageCell?: SlotProps<VariantCellContext>;
+        SKUCell?: SlotProps<VariantCellContext>;
+        AvailabilityCell?: SlotProps<VariantCellContext>;
+        PriceCell?: SlotProps<VariantCellContext>;
+        QuantityCell?: SlotProps<VariantCellContext>;
+        SubtotalCell?: SlotProps<VariantCellContext>;
+    } & Record<string, SlotProps<VariantCellContext> | undefined>;
+}
+export interface QuickOrderVariantsGridProps {
+    className?: string;
+    initialVariants?: ProductVariant[];
+    onVariantsLoaded?: (variants: VariantWithQuantity[]) => void;
+    onSelectedVariantsChange?: (data: VariantTableData[]) => void;
+    debounceMs?: number;
+    initialLoading?: boolean;
+    visibleVariantsLimit?: number;
+    columns?: Array<{
+        key: string;
+        label: string;
+        sortBy?: 'asc' | 'desc' | true;
+    }>;
+    slots?: {
+        Actions?: SlotProps<VariantActionsContext>;
+        ImageCell?: SlotProps<VariantCellContext>;
+        SKUCell?: SlotProps<VariantCellContext>;
+        AvailabilityCell?: SlotProps<VariantCellContext>;
+        PriceCell?: SlotProps<VariantCellContext>;
+        QuantityCell?: SlotProps<VariantCellContext>;
+        SubtotalCell?: SlotProps<VariantCellContext>;
+    } & Record<string, SlotProps<VariantActionsContext | VariantCellContext> | undefined>;
+}
+//# sourceMappingURL=quickOrderVariantsGrid.types.d.ts.map

package/chunks/initialize.js

@@ -1,10 +0,0 @@
-/*! Copyright 2026 Adobe
-All Rights Reserved. */
-import{Initializer as c}from"@dropins/tools/lib.js";import{FetchGraphQL as a}from"@dropins/tools/fetch-graphql.js";import{events as n}from"@dropins/tools/event-bus.js";const{setEndpoint:m,setFetchGraphQlHeader:C,removeFetchGraphQlHeader:G,setFetchGraphQlHeaders:k,fetchGraphQl:s,getConfig:O}=new a().getMethods(),f=`
-  query GET_STORE_CONFIG {
-    storeConfig {
-      quickorder_active
-    }
-  }
-`,h=r=>{throw r instanceof DOMException&&r.name==="AbortError"||n.emit("b2b-quick-order/error",{source:"auth",type:"network",error:r}),r},g=r=>{const t=r.map(e=>e.message).join(" ");throw Error(t)},d=async()=>await s(f,{method:"GET",cache:"force-cache"}).then(r=>{var t,e,o;return(t=r.errors)!=null&&t.length?g(r.errors):{storeConfig:{quickOrderActive:((o=(e=r==null?void 0:r.data)==null?void 0:e.storeConfig)==null?void 0:o.quickorder_active)??!1}}}).catch(h),i=new c({init:async r=>{const t={quickOrderActive:!1};try{const e=await d();t.quickOrderActive=e.storeConfig.quickOrderActive}catch(e){console.error("Failed to fetch store config:",e)}i.config.setConfig({...t,...r})},listeners:()=>[]}),p=i.config;export{d as a,C as b,p as c,k as d,s as f,O as g,i,G as r,m as s};
-//# sourceMappingURL=initialize.js.map

package/chunks/initialize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"initialize.js","sources":["/@dropins/storefront-quick-order/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-quick-order/src/api/getStoreConfig/graphql/getStoreConfig.graphql.ts","/@dropins/storefront-quick-order/src/lib/network-error.ts","/@dropins/storefront-quick-order/src/lib/fetch-error.ts","/@dropins/storefront-quick-order/src/api/getStoreConfig/getStoreConfig.ts","/@dropins/storefront-quick-order/src/api/initialize/initialize.ts"],"sourcesContent":["import { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n  setEndpoint,\n  setFetchGraphQlHeader,\n  removeFetchGraphQlHeader,\n  setFetchGraphQlHeaders,\n  fetchGraphQl,\n  getConfig,\n} = new FetchGraphQL().getMethods();\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 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 GET_STORE_CONFIG = /* GraphQL */ `\n  query GET_STORE_CONFIG {\n    storeConfig {\n      quickorder_active\n    }\n  }\n`;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 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 { events } from '@adobe-commerce/event-bus';\n\n/**\n * A function which can be attached to fetchGraphQL to handle thrown errors in\n * a generic way.\n */\nexport const handleNetworkError = (error: Error) => {\n  const isAbortError =\n    error instanceof DOMException && error.name === 'AbortError';\n\n  if (!isAbortError) {\n    events.emit('b2b-quick-order/error', {\n      source: 'auth',\n      type: 'network',\n      error,\n    });\n  }\n  throw error;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 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\n/** Actions */\nexport const handleFetchError = (errors: Array<{ message: string }>) => {\n  const errorMessage = errors.map((e: any) => e.message).join(' ');\n\n  throw Error(errorMessage);\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2024 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 { fetchGraphQl } from '../fetch-graphql';\nimport { GET_STORE_CONFIG } from './graphql/getStoreConfig.graphql';\nimport { handleNetworkError } from '@/b2b-quick-order/lib/network-error';\nimport { handleFetchError } from '@/b2b-quick-order/lib/fetch-error';\n\nexport const getStoreConfig = async (): Promise<{\n  storeConfig: {\n    quickOrderActive: boolean;\n  };\n}> => {\n  return await fetchGraphQl(GET_STORE_CONFIG, {\n    method: 'GET',\n    cache: 'force-cache',\n  })\n    .then((response) => {\n      if (response.errors?.length) return handleFetchError(response.errors);\n\n      return {\n        storeConfig: {\n          quickOrderActive:\n            response?.data?.storeConfig?.quickorder_active ?? false,\n        },\n      };\n    })\n    .catch(handleNetworkError);\n};\n","import { Initializer } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { getStoreConfig } from '../getStoreConfig/getStoreConfig';\n// import { events } from '@adobe-commerce/event-bus';\n\ntype ConfigProps = {\n  langDefinitions?: Lang;\n  quickOrderActive?: boolean;\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n  init: async (config) => {\n    const defaultConfig: Partial<ConfigProps> = {\n      quickOrderActive: false,\n    };\n\n    try {\n      const storeConfigResponse = await getStoreConfig();\n      defaultConfig.quickOrderActive =\n        storeConfigResponse.storeConfig.quickOrderActive;\n    } catch (error) {\n      console.error('Failed to fetch store config:', error);\n    }\n\n    initialize.config.setConfig({ ...defaultConfig, ...config });\n  },\n\n  listeners: () => [\n    // events.on('authenticated', (authenticated) => {\n    //   console.log('authenticated', authenticated);\n    // }),\n  ],\n});\n\nexport const config = initialize.config;\n"],"names":["setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","GET_STORE_CONFIG","handleNetworkError","error","events","handleFetchError","errors","errorMessage","getStoreConfig","response","_a","_c","_b","initialize","Initializer","config","defaultConfig","storeConfigResponse"],"mappings":"wKAEO,KAAM,CACX,YAAAA,EACA,sBAAAC,EACA,yBAAAC,EACA,uBAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EAAI,IAAIC,EAAA,EAAe,WAAA,ECQVC,EAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECMjCC,EAAsBC,GAAiB,CAIlD,MAFEA,aAAiB,cAAgBA,EAAM,OAAS,cAGhDC,EAAO,KAAK,wBAAyB,CACnC,OAAQ,OACR,KAAM,UACN,MAAAD,CAAA,CACD,EAEGA,CACR,ECjBaE,EAAoBC,GAAuC,CACtE,MAAMC,EAAeD,EAAO,IAAK,GAAW,EAAE,OAAO,EAAE,KAAK,GAAG,EAE/D,MAAM,MAAMC,CAAY,CAC1B,ECAaC,EAAiB,SAKrB,MAAMV,EAAaG,EAAkB,CAC1C,OAAQ,MACR,MAAO,aAAA,CACR,EACE,KAAMQ,GAAa,WAClB,OAAIC,EAAAD,EAAS,SAAT,MAAAC,EAAiB,OAAeL,EAAiBI,EAAS,MAAM,EAE7D,CACL,YAAa,CACX,mBACEE,GAAAC,EAAAH,GAAA,YAAAA,EAAU,OAAV,YAAAG,EAAgB,cAAhB,YAAAD,EAA6B,oBAAqB,EAAA,CACtD,CAEJ,CAAC,EACA,MAAMT,CAAkB,EC/BhBW,EAAa,IAAIC,EAAyB,CACrD,KAAM,MAAOC,GAAW,CACtB,MAAMC,EAAsC,CAC1C,iBAAkB,EAAA,EAGpB,GAAI,CACF,MAAMC,EAAsB,MAAMT,EAAA,EAClCQ,EAAc,iBACZC,EAAoB,YAAY,gBACpC,OAASd,EAAO,CACd,QAAQ,MAAM,gCAAiCA,CAAK,CACtD,CAEAU,EAAW,OAAO,UAAU,CAAE,GAAGG,EAAe,GAAGD,EAAQ,CAC7D,EAEA,UAAW,IAAM,CAAA,CAKnB,CAAC,EAEYA,EAASF,EAAW"}