@commercelayer/react-components 3.15.6 → 3.15.7

package/lib/cjs/components/utils/ErrorBoundary.d.ts

@@ -1,14 +0,0 @@
-import { Component, ErrorInfo } from 'react';
-interface Props {
-    children: JSX.Element;
-}
-interface State {
-    hasError: boolean;
-}
-export declare class ErrorBoundary extends Component<Props, State> {
-    state: State;
-    static getDerivedStateFromError(): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): JSX.Element;
-}
-export default ErrorBoundary;

package/lib/cjs/components/utils/ErrorBoundary.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");class ErrorBoundary extends react_1.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(error,errorInfo){if(process.env.NODE_ENV!=="test")console.error("Uncaught error:",error,errorInfo);else throw error}render(){return this.state.hasError?(0,jsx_runtime_1.jsx)("h1",{children:"Sorry.. there was an error, check the console."}):this.props.children}}exports.ErrorBoundary=ErrorBoundary,exports.default=ErrorBoundary;

package/lib/cjs/components/utils/GenericFieldComponent.d.ts

@@ -1,52 +0,0 @@
-import { InitialSkuContext } from '../../context/SkuChildrenContext';
-import { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
-import type { Customer, LineItem, Sku, Parcel, ParcelLineItem } from '@commercelayer/sdk';
-import { InitialLineItemContext } from '../../context/LineItemChildrenContext';
-import { Context } from 'react';
-import { InitialCustomerContext } from '../../context/CustomerContext';
-import { InitialParcelContext } from '../../context/ParcelChildrenContext';
-import { InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';
-export interface TResources {
-    StockTransfer: LineItem & {
-        resource: 'stock_transfers';
-    };
-    Sku: Sku & {
-        resource: 'sku';
-    };
-    LineItem: LineItem & {
-        resource: 'lineItem';
-    };
-    Customer: Customer & {
-        resource: 'customers';
-    };
-    Parcel: Parcel & {
-        resource: 'parcel';
-    };
-    ParcelLineItem: Pick<ParcelLineItem, 'quantity' | 'sku_code' | 'name' | 'image_url'> & {
-        resource: 'parcelLineItem';
-    };
-}
-export declare type TResourceKey = {
-    [K in keyof TResources]: K;
-};
-export declare type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
-    attributeValue: E[keyof E];
-};
-interface ResourceContext {
-    stock_transfers: InitialStockTransferContext;
-    sku: InitialSkuContext;
-    lineItem: InitialLineItemContext;
-    customers: InitialCustomerContext;
-    parcel: InitialParcelContext;
-    parcelLineItem: InitialParcelLineItemContext;
-}
-declare type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
-interface Props<E extends TResources[keyof TResources]> {
-    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
-    resource: E['resource'];
-    attribute: keyof E;
-    tagElement: keyof JSX.IntrinsicElements;
-    context: GenericContext<E['resource']>;
-}
-export default function GenericFieldComponent<R extends keyof TResources>(props: Props<TResources[R]>): JSX.Element;
-export {};

package/lib/cjs/components/utils/GenericFieldComponent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),placeholderImages_1=require("../../utils/placeholderImages");function GenericFieldComponent(props){const{children,tagElement,attribute,context,...p}=props,resourceContext=(0,react_1.useContext)(context);let attributeValue="";const keysContext=Object.keys(resourceContext).filter(key=>key===p.resource);if(keysContext.length===1){const[keyResource]=keysContext;keyResource&&attribute&&(attributeValue=resourceContext[keyResource][attribute])}const Tag=tagElement||"span";if(Tag==="img"&&!children){const src=attributeValue||placeholderImages_1.defaultImgUrl,name="";return(0,jsx_runtime_1.jsx)("img",{alt:name,src,...p})}const parentProps={attributeValue,tagElement,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(Tag,{...p,children:attributeValue})}exports.default=GenericFieldComponent;

package/lib/cjs/components/utils/Parent.d.ts

@@ -1,6 +0,0 @@
-import { Component, ForwardedRef } from 'react';
-export interface ParentProps {
-    parentRef?: ForwardedRef<any>;
-    children?: typeof Component | ((P: any) => JSX.Element);
-}
-export default function Parent({ children, ...p }: ParentProps): JSX.Element | null;

package/lib/cjs/components/utils/Parent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime");function Parent({children,...p}){const Child=children;return Child!==void 0?(0,jsx_runtime_1.jsx)(Child,{...p}):null}exports.default=Parent;

package/lib/cjs/components/utils/PaymentCardsTemplate.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { PaymentResource, PaymentSourceType } from '../../reducers/PaymentMethodReducer';
-import PaymentSourceContext, { IconBrand } from '../../context/PaymentSourceContext';
-import { ChildrenFunction } from '../../typings/index';
-declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
-    PaymentSourceProvider: typeof PaymentSourceContext.Provider;
-};
-declare type CustomerPayment = PaymentSourceType & {
-    card?: {
-        brand?: IconBrand;
-        last4?: string;
-    };
-    handleClick?: () => void;
-};
-export declare type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
-export declare type CustomerCardsType = ChildrenProps;
-interface Props {
-    customerPayments: CustomerPayment[];
-    children: CustomerCardsTemplateChildren;
-    paymentResource: PaymentResource;
-}
-export default function PaymentCardsTemplate({ customerPayments, children, paymentResource }: Props): JSX.Element;
-export {};

package/lib/cjs/components/utils/PaymentCardsTemplate.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails"));function PaymentCardsTemplate({customerPayments,children,paymentResource}){const{setPaymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),value={customerPayments:customerPayments.map(customerPayment=>{const attributes=customerPayment,card=(0,getCardDetails_1.default)({customerPayment,paymentType:paymentResource});return{...attributes,card,handleClick:async e=>{e.stopPropagation(),await setPaymentSource({paymentResource,customerPaymentSourceId:customerPayment.id})}}}),PaymentSourceProvider:PaymentSourceContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,{...value,children})}exports.default=PaymentCardsTemplate;

package/lib/cjs/components/utils/PriceTemplate.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { PriceProps } from '../prices/Price';
-export declare type PTemplateProps = {
-    formattedAmount?: string;
-    formattedCompare?: string;
-} & Omit<PriceProps, 'children'>;
-export declare function PriceTemplate(props: PTemplateProps): JSX.Element;
-export default PriceTemplate;

package/lib/cjs/components/utils/PriceTemplate.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PriceTemplate=void 0;const jsx_runtime_1=require("react/jsx-runtime");function PriceTemplate(props){const{showCompare,formattedCompare,compareClassName,className,formattedAmount,skuCode,...p}=props;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("span",{"data-testid":`price-${skuCode??""}`,className,...p,children:formattedAmount}),showCompare&&(0,jsx_runtime_1.jsx)("span",{"data-testid":`compare-${skuCode??""}`,className:compareClassName||"",...p,children:formattedCompare})]})}exports.PriceTemplate=PriceTemplate,exports.default=PriceTemplate;

package/lib/cjs/components/utils/getAllErrors.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { LineItem } from '@commercelayer/sdk';
-import { BaseError, ResourceErrorType } from '../../typings/errors';
-export declare type AllErrorsParams = {
-    allErrors: BaseError[];
-    messages: BaseError[];
-    field?: string;
-    props: JSX.IntrinsicElements['span'];
-    lineItem?: LineItem;
-    resource?: ResourceErrorType;
-    returnHtml?: boolean;
-};
-export interface GetAllErrors {
-    <P extends AllErrorsParams>(params: P): Array<JSX.Element | string | undefined>;
-}
-declare const getAllErrors: GetAllErrors;
-export default getAllErrors;

package/lib/cjs/components/utils/getAllErrors.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),customMessages_1=tslib_1.__importDefault(require("../../utils/customMessages")),getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{const objMsg=(0,customMessages_1.default)(messages,v);let text=v?.title&&!v.detail?.includes(v.title)?`${v.title} - ${v.detail}`:`${v?.detail||v.message}`;if(objMsg?.message&&(text=objMsg?.message),field){if(v.resource==="line_items"&&lineItem&&v.id===lineItem.id)return returnHtml?(0,jsx_runtime_1.jsx)("span",{...props,children:text},k):text;if(field===v.field&&resource===v.resource)return returnHtml?(0,jsx_runtime_1.jsx)("span",{...props,children:text},k):text}if(resource===v.resource&&!field)return returnHtml?(0,jsx_runtime_1.jsx)("span",{...props,children:text},k):text}).filter(v=>v!==void 0)};exports.default=getAllErrors;