@dropins/storefront-order 0.1.0-alpha9 → 1.0.0-beta2

package/types/orderHeader.types.d.ts

@@ -0,0 +1,19 @@
+import { OrderDataModel } from '../data/models';
+
+export interface SignUpContext {
+    inputsDefaultValueSet: DefaultValues;
+    addressesData: any[];
+}
+type DefaultValues = {
+    code: string;
+    defaultValue: string;
+}[];
+export interface OrderHeaderProps {
+    handleEmailAvailability?: (email: string) => Promise<boolean>;
+    handleSignUpClick?: (ctx: SignUpContext) => void;
+    orderData?: OrderDataModel;
+}
+export interface UseOrderHeaderProps extends OrderHeaderProps {
+}
+export {};
+//# sourceMappingURL=orderHeader.types.d.ts.map

package/types/orderProductList.types.d.ts

@@ -0,0 +1,36 @@
+import { OrderDataModel, OrderItemModel } from '../data/models';
+
+type options = Record<string, string | number | boolean>;
+export type TaxTypes = {
+    taxIncluded: boolean;
+    taxExcluded: boolean;
+};
+export interface OrderProductListProps {
+    orderData?: OrderDataModel;
+    className?: string;
+    withHeader?: boolean;
+    showConfigurableOptions?: (options: options | {}) => options;
+    routeProductDetails?: (product: any) => string;
+}
+export interface OrderProductListContentProps extends Omit<OrderProductListProps, 'className'> {
+    placeholderImage: string;
+    order?: OrderDataModel;
+    taxConfig: TaxTypes;
+    loading: boolean;
+}
+export interface CartSummaryItemProps {
+    placeholderImage?: string;
+    disabledIncrementer?: boolean;
+    loading: boolean;
+    itemType: string;
+    translations: Record<string, string>;
+    product: OrderItemModel;
+    taxConfig: TaxTypes;
+    onQuantity?: (value: number) => void;
+    showConfigurableOptions?: (options: options | {}) => options;
+    routeProductDetails?: (product: any) => string;
+}
+export interface UseOrderProductListProps extends Omit<OrderProductListProps, 'className' | 'withHeader' | 'showConfigurableOptions'> {
+}
+export {};
+//# sourceMappingURL=orderProductList.types.d.ts.map

package/types/orderStatus.types.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'preact/compat';
-import { OrderDataModel } from '../data/models';
+import { OrderDataModel, OrdersReturnPropsModel } from '../data/models';
 import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { UserInputErrorProps } from '.';
 
 export declare enum StatusEnumProps {
     PENDING = "pending",
@@ -15,24 +15,32 @@ export declare enum StatusEnumProps {
 type DefaultSlotContext = {
     orderData?: OrderDataModel;
 };
-export interface OrderStatusProps extends HTMLAttributes<HTMLDivElement> {
+export interface OrderStatusProps {
+    className?: string;
     orderData?: OrderDataModel;
     statusTitle?: string;
     status?: StatusEnumProps;
     slots?: {
         OrderActions: SlotProps<DefaultSlotContext>;
     };
+    routeCreateReturn?: (orderReturn: OrdersReturnPropsModel) => string;
+    routeOnSuccess?: () => string;
+    onError?: (errorInformation: UserInputErrorProps[] | string) => void;
 }
 export interface OrderStatusContentProps extends Omit<OrderStatusProps, 'statusTitle' | 'orderData' | 'status'> {
     title?: string;
     status?: StatusEnumProps;
     orderData?: OrderDataModel;
 }
-export interface OrderActionsProps extends HTMLAttributes<HTMLDivElement> {
+export interface OrderActionsProps {
+    className?: string;
     orderData?: OrderDataModel;
     slots?: {
         OrderActions: SlotProps<DefaultSlotContext>;
     };
+    routeCreateReturn?: (orderReturn: OrdersReturnPropsModel) => string;
+    routeOnSuccess?: () => string;
+    onError?: (errorInformation: UserInputErrorProps[] | string) => void;
 }
 export interface UseOrderStatusProps {
     orderData?: OrderDataModel;

package/types/reorder.types.d.ts

@@ -0,0 +1,9 @@
+import { OrderDataModel } from '../data/models';
+import { UserInputErrorProps } from '.';
+
+export interface ReorderProps {
+    orderData?: OrderDataModel;
+    routeOnSuccess?: () => string;
+    onError?: (errorInformation: UserInputErrorProps[] | string) => void;
+}
+//# sourceMappingURL=reorder.types.d.ts.map

package/types/returnsList.types.d.ts

@@ -0,0 +1,82 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/src/lib';
+import { OrderDataModel, OrderItemModel, OrdersReturnItemsPropsModel, OrdersReturnPropsModel, PageInfoProps } from '../data/models';
+
+export interface IconConfig {
+    size: '12' | '16' | '24' | '32' | '64' | '80' | undefined;
+    stroke: '4' | '1' | '2' | '3' | undefined;
+}
+type routeTrackingProps = {
+    carrier: string;
+    title: string;
+    number: string;
+};
+export interface ReturnsListProps {
+    slots?: {
+        ReturnItemsDetails?: SlotProps<{
+            items: OrdersReturnItemsPropsModel[];
+        }>;
+        DetailsActionParams?: SlotProps<{
+            returnOrderItem: OrdersReturnPropsModel;
+        }>;
+    };
+    returnPageSize?: number;
+    withReturnsListButton?: boolean;
+    returnsInMinifiedView?: number;
+    className?: string;
+    minifiedView?: boolean;
+    withHeader?: boolean;
+    routeReturnDetails?: ({ returnNumber, token, orderNumber, }: {
+        returnNumber: string;
+        token: string;
+        orderNumber: string;
+    }) => string;
+    routeOrderDetails?: ({ token, orderNumber, }: {
+        token: string;
+        orderNumber: string;
+    }) => string;
+    routeTracking?: (track: routeTrackingProps) => string;
+    routeReturnsList?: () => string;
+    routeProductDetails?: (orderItem?: OrderItemModel) => string;
+    withThumbnails?: boolean;
+}
+export interface ReturnsListContentProps extends Omit<ReturnsListProps, 'className' | 'returnPageSize'> {
+    placeholderImage?: string;
+    minifiedViewKey: 'minifiedView' | 'fullSizeView';
+    orderReturns?: OrdersReturnPropsModel[] | [];
+    translations: Record<string, string>;
+    isMobile: boolean;
+    pageInfo: PageInfoProps;
+    selectedPage?: number;
+    handleSetSelectPage?: (value: number) => void;
+    withOrderNumber?: boolean;
+    withReturnNumber?: boolean;
+    loading: boolean;
+}
+export interface UseReturnsListProps {
+    returnPageSize?: number;
+}
+export interface OrderReturnsProps {
+    slots?: {
+        ReturnItemsDetails?: SlotProps<{
+            items: OrdersReturnItemsPropsModel[];
+        }>;
+        DetailsActionParams?: SlotProps<{
+            returnOrderItem: OrdersReturnPropsModel;
+        }>;
+    };
+    withThumbnails?: boolean;
+    withHeader?: boolean;
+    className?: string;
+    orderData?: OrderDataModel;
+    routeReturnDetails?: ({ token, orderNumber, }: {
+        token: string;
+        orderNumber: string;
+    }) => string;
+    routeProductDetails?: (product: any) => string;
+    routeTracking?: (track: routeTrackingProps) => string;
+}
+export interface UseOrderReturnsProps {
+    orderData?: OrderDataModel;
+}
+export {};
+//# sourceMappingURL=returnsList.types.d.ts.map

package/types/shippingStatus.types.d.ts

@@ -1,18 +1,49 @@
 import { HTMLAttributes } from 'preact/compat';
 import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
-import { OrderDataModel } from '../data/models';
+import { OrderDataModel, OrdersReturnPropsModel } from '../data/models';
 
+type routeOrderDetailsTypes = {
+    returnNumber?: string;
+    token?: string;
+    orderNumber?: string;
+};
+type routeTrackingProps = {
+    carrier: string;
+    title: string;
+    number: string;
+};
 export interface ShippingStatusProps extends HTMLAttributes<HTMLDivElement> {
     orderData?: OrderDataModel;
     collapseThreshold?: number;
     slots?: {
         DeliveryTimeLine?: SlotProps;
         DeliveryTrackActions?: SlotProps;
+        ReturnItemsDetails?: SlotProps;
     };
+    routeOrderDetails?: ({ returnNumber, token, orderNumber, }: routeOrderDetailsTypes) => string;
+    routeTracking?: (track: routeTrackingProps) => string;
+    routeProductDetails?: (product: any) => string;
 }
 export interface UseShippingStatusProps {
     orderData?: OrderDataModel;
 }
-export interface ShippingStatusCardProps extends ShippingStatusProps {
+export interface ShippingStatusCardProps {
+    placeholderImage: string;
+    translations: Record<string, string>;
+    slots?: {
+        DeliveryTimeLine?: SlotProps;
+        DeliveryTrackActions?: SlotProps;
+        ReturnItemsDetails?: SlotProps;
+    };
+    orderData?: OrderDataModel;
+    collapseThreshold?: number;
+    routeOrderDetails?: ({ returnNumber, token, orderNumber, }: routeOrderDetailsTypes) => string;
+    routeProductDetails?: (product: any) => string;
+    routeTracking?: (track: routeTrackingProps) => string;
+}
+export interface ShippingStatusReturnCardProps extends ShippingStatusCardProps {
+    collapseThreshold: number;
+    returnData: OrdersReturnPropsModel;
 }
+export {};
 //# sourceMappingURL=shippingStatus.types.d.ts.map

package/api/getOrderDetailsById/graphql/customerAddressFragment.graphql.d.ts

@@ -1,2 +0,0 @@
-export declare const ADDRESS = "\nfragment AddressesList on OrderAddress {\n  city\n  company\n  country_code\n  fax\n  firstname\n  lastname\n  middlename\n  postcode\n  prefix\n  region\n  region_id\n  street\n  suffix\n  telephone\n  vat_id\n}";
-//# sourceMappingURL=customerAddressFragment.graphql.d.ts.map

package/api/getOrderDetailsById/graphql/index.d.ts

@@ -1,5 +0,0 @@
-export * from './orderSummaryFragment.graphql';
-export * from './orderByNumber.graphql';
-export * from './customerAddressFragment.graphql';
-export * from './orderItemsFragment.graphql';
-//# sourceMappingURL=index.d.ts.map

package/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts

@@ -1,2 +0,0 @@
-export declare const ORDER_ITEMS = "\nfragment OrderItems on OrderItem {\n  __typename\n  status\n  product_name\n  id\n  quantity_ordered\n  quantity_shipped\n  quantity_canceled\n  quantity_invoiced\n  quantity_refunded\n  quantity_returned\n  product_sale_price {\n    value\n    currency\n  }\n  selected_options {\n    label\n    value\n  }\n  product {\n    __typename\n    canonical_url\n    uid\n    name\n    sku\n    thumbnail {\n      label\n      url\n    }\n    price_range {\n      maximum_price {\n        regular_price {\n          currency\n          value\n        }\n      }\n    }\n  }\n}";
-//# sourceMappingURL=orderItemsFragment.graphql.d.ts.map

package/api/getOrderDetailsById/graphql/orderSummaryFragment.graphql.d.ts

@@ -1,2 +0,0 @@
-export declare const ORDER_SUMMARY = "\nfragment OrderSummary on OrderTotal {\n  grand_total {\n    value\n    currency\n  }\n  subtotal {\n    currency\n    value\n  }\n  taxes {\n    amount {\n      currency\n      value\n    }\n    rate\n    title\n  }\n  total_tax {\n    currency\n    value\n  }\n  total_shipping {\n    currency\n    value\n  }\n  discounts {\n    amount {\n      currency\n      value\n    }\n    label\n  }\n}";
-//# sourceMappingURL=orderSummaryFragment.graphql.d.ts.map

package/chunks/getCustomer.js

@@ -1,185 +0,0 @@
-import{d as w,f as $,h as B,a as Q}from"./fetch-graphql.js";const L=`
-fragment OrderSummary on OrderTotal {
-  grand_total {
-    value
-    currency
-  }
-  subtotal {
-    currency
-    value
-  }
-  taxes {
-    amount {
-      currency
-      value
-    }
-    rate
-    title
-  }
-  total_tax {
-    currency
-    value
-  }
-  total_shipping {
-    currency
-    value
-  }
-  discounts {
-    amount {
-      currency
-      value
-    }
-    label
-  }
-}`,F=`
-fragment AddressesList on OrderAddress {
-  city
-  company
-  country_code
-  fax
-  firstname
-  lastname
-  middlename
-  postcode
-  prefix
-  region
-  region_id
-  street
-  suffix
-  telephone
-  vat_id
-}`,K=`
-fragment OrderItems on OrderItem {
-  __typename
-  status
-  product_name
-  id
-  quantity_ordered
-  quantity_shipped
-  quantity_canceled
-  quantity_invoiced
-  quantity_refunded
-  quantity_returned
-  product_sale_price {
-    value
-    currency
-  }
-  selected_options {
-    label
-    value
-  }
-  product {
-    __typename
-    canonical_url
-    uid
-    name
-    sku
-    thumbnail {
-      label
-      url
-    }
-    price_range {
-      maximum_price {
-        regular_price {
-          currency
-          value
-        }
-      }
-    }
-  }
-}`,P=n=>n||0,Y=n=>{var a,u,i;return{canonicalUrl:(n==null?void 0:n.canonical_url)||"",id:(n==null?void 0:n.uid)||"",name:(n==null?void 0:n.name)||"",sku:(n==null?void 0:n.sku)||"",image:((a=n==null?void 0:n.image)==null?void 0:a.url)||"",productType:(n==null?void 0:n.__typename)||"",thumbnail:{label:((u=n==null?void 0:n.thumbnail)==null?void 0:u.label)||"",url:((i=n==null?void 0:n.thumbnail)==null?void 0:i.url)||""}}},j=n=>{if(!n||!("selected_options"in n))return;const a={};for(const u of n.selected_options)a[u.label]=u.value;return a},z=n=>n==null?void 0:n.map(a=>{var u,i,c,t,l,_,y,s,g,f,e,h,O,p,b,q,E,T,G,R,C,S,x,k,N,A,U,D,M;return{type:a==null?void 0:a.__typename,productName:a.product_name,quantityCanceled:a==null?void 0:a.quantity_canceled,quantityInvoiced:a==null?void 0:a.quantity_invoiced,quantityOrdered:a==null?void 0:a.quantity_ordered,quantityRefunded:a==null?void 0:a.quantity_refunded,quantityReturned:a==null?void 0:a.quantity_returned,quantityShipped:a==null?void 0:a.quantity_shipped,id:a==null?void 0:a.id,discounted:((t=(c=(i=(u=a==null?void 0:a.product)==null?void 0:u.price_range)==null?void 0:i.maximum_price)==null?void 0:c.regular_price)==null?void 0:t.value)*(a==null?void 0:a.quantity_ordered)!==((l=a==null?void 0:a.product_sale_price)==null?void 0:l.value)*(a==null?void 0:a.quantity_ordered),total:{value:((_=a==null?void 0:a.product_sale_price)==null?void 0:_.value)*(a==null?void 0:a.quantity_ordered),currency:(y=a==null?void 0:a.product_sale_price)==null?void 0:y.currency},totalInclTax:{value:((s=a==null?void 0:a.product_sale_price)==null?void 0:s.value)*(a==null?void 0:a.quantity_ordered),currency:(g=a==null?void 0:a.product_sale_price)==null?void 0:g.currency},price:{value:(f=a==null?void 0:a.product_sale_price)==null?void 0:f.value,currency:(e=a==null?void 0:a.product_sale_price)==null?void 0:e.currency},priceInclTax:{value:(h=a==null?void 0:a.product_sale_price)==null?void 0:h.value,currency:(O=a==null?void 0:a.product_sale_price)==null?void 0:O.currency},totalQuantity:P(a==null?void 0:a.quantity_ordered),regularPrice:{value:(E=(q=(b=(p=a==null?void 0:a.product)==null?void 0:p.price_range)==null?void 0:b.maximum_price)==null?void 0:q.regular_price)==null?void 0:E.value,currency:(C=(R=(G=(T=a==null?void 0:a.product)==null?void 0:T.price_range)==null?void 0:G.maximum_price)==null?void 0:R.regular_price)==null?void 0:C.currency},product:Y(a==null?void 0:a.product),thumbnail:{label:((x=(S=a==null?void 0:a.product)==null?void 0:S.thumbnail)==null?void 0:x.label)||"",url:((N=(k=a==null?void 0:a.product)==null?void 0:k.thumbnail)==null?void 0:N.url)||""},giftCard:(a==null?void 0:a.__typename)==="GiftCardOrderItem"?{senderName:((A=a.gift_card)==null?void 0:A.sender_name)||"",senderEmail:((U=a.gift_card)==null?void 0:U.sender_email)||"",recipientEmail:((D=a.gift_card)==null?void 0:D.recipient_email)||"",recipientName:((M=a.gift_card)==null?void 0:M.recipient_name)||""}:void 0,configurableOptions:j(a)}}),v=n=>{var s,g,f,e,h;const a=z(n.items),{total:u,...i}=w({...n,items:a},"camelCase",{applied_coupons:"coupons",__typename:"__typename",firstname:"firstName",middlename:"middleName",lastname:"lastName",postcode:"postCode",payment_methods:"payments"}),c=(s=n==null?void 0:n.payment_methods)==null?void 0:s[0],t=(c==null?void 0:c.type)||"",l=(c==null?void 0:c.name)||"",_=(g=i==null?void 0:i.items)==null?void 0:g.reduce((O,p)=>O+p.totalQuantity,0);return{...u,...i,totalQuantity:_,shipping:{amount:((f=i==null?void 0:i.total)==null?void 0:f.totalShipping.value)??0,currency:((h=(e=i.total)==null?void 0:e.totalShipping)==null?void 0:h.currency)||"",code:i.shippingMethod??""},payments:[{code:t,name:l}]}},m=(n,a)=>{var u,i,c,t,l,_,y;if((t=(c=(i=(u=a==null?void 0:a.data)==null?void 0:u.customer)==null?void 0:i.orders)==null?void 0:c.items)!=null&&t.length&&n==="orderData"){const s=(y=(_=(l=a==null?void 0:a.data)==null?void 0:l.customer)==null?void 0:_.orders)==null?void 0:y.items[0];return v(s)}return null},H=n=>{var u,i;if(!((u=n==null?void 0:n.data)!=null&&u.guestOrder))return null;const a=(i=n==null?void 0:n.data)==null?void 0:i.guestOrder;return v(a)},d=n=>{var u,i;if(!((u=n==null?void 0:n.data)!=null&&u.guestOrderByToken))return null;const a=(i=n==null?void 0:n.data)==null?void 0:i.guestOrderByToken;return v(a)},J=n=>{var a,u,i,c,t,l;return{email:((u=(a=n==null?void 0:n.data)==null?void 0:a.customer)==null?void 0:u.email)||"",firstname:((c=(i=n==null?void 0:n.data)==null?void 0:i.customer)==null?void 0:c.firstname)||"",lastname:((l=(t=n==null?void 0:n.data)==null?void 0:t.customer)==null?void 0:l.lastname)||""}},V=`
-  fragment guestOrderData on CustomerOrder {
-    email
-    id
-    number
-    order_date
-    status
-    token
-    carrier
-    shipping_method
-    printed_card_included
-    gift_receipt_included
-    available_actions
-    is_virtual
-    payment_methods {
-      name
-      type
-    }
-    applied_coupons {
-      code
-    }
-    shipments {
-    id
-    tracking {
-      title
-      number
-      carrier
-    }
-    comments {
-      message
-      timestamp
-    }
-  items {
-    id
-    product_sku
-    product_name
-    order_item {
-      ...OrderItems
-      ... on GiftCardOrderItem {
-        gift_card {
-          recipient_name
-          recipient_email
-          sender_name
-          sender_email
-          message
-          }
-        }
-      }
-    }
-  }
-  payment_methods {
-    name
-    type
-  }
-  shipping_address {
-  ...AddressesList
-  }
-  billing_address {
-  ...AddressesList
-  }
-  items {
-    ...OrderItems
-    ... on GiftCardOrderItem {
-      __typename
-      gift_card {
-        recipient_name
-        recipient_email
-        sender_name
-        sender_email
-        message
-      }
-    }
-  }
-  total {
-  ...OrderSummary
-    }
-  }
-${L}
-${F}
-${K}
-`,W=`
-  query GET_GUEST_ORDER($input: OrderInformationInput!) {
-  guestOrder(input:$input) {
-    ...guestOrderData
-    }
-  }
-${V}
-`,r=async n=>await $(W,{method:"GET",cache:"no-cache",variables:{input:n}}).then(a=>{var u;return(u=a.errors)!=null&&u.length?B(a.errors):H(a)}).catch(Q),X=`
-  query GET_CUSTOMER {
-    customer {
-     firstname
-     lastname
-     email
-    }
-  }
-`,o=async()=>await $(X,{method:"GET",cache:"force-cache"}).then(n=>{var a;return(a=n.errors)!=null&&a.length?B(n.errors):J(n)}).catch(Q);export{F as A,L as O,K as a,d as b,o as c,r as g,m as t};

package/lib/convertToInputDateFormat.d.ts

@@ -1,3 +0,0 @@
-export declare const convertToInputDateFormat: (dateTimeString: string) => string;
-export declare const converDeliveryOrderDate: (dateTimeString: string) => string;
-//# sourceMappingURL=convertToInputDateFormat.d.ts.map

package/lib/formatAddressFields.d.ts

@@ -1,6 +0,0 @@
-import { NormalizeAddressProps } from '../types';
-
-type FormattedFields = NormalizeAddressProps[][];
-export declare const formatAddressFields: (fields: NormalizeAddressProps[]) => FormattedFields;
-export {};
-//# sourceMappingURL=formatAddressFields.d.ts.map