@commercelayer/react-components 3.15.4 → 3.15.6

package/lib/components/utils/AddressCardsTemplate.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { Address } from '@commercelayer/sdk';
-import AddressChildrenContext from '../../context/AddressChildrenContext';
-import { FunctionChildren } from '../../typings/index';
-declare type ChildrenProps = Pick<Props, 'customerAddresses' | 'className'> & {
-    AddressProvider: typeof AddressChildrenContext.Provider;
-};
-export declare type CustomerAddress = Address & {
-    onClick: () => void;
-    handleSelect?: () => void;
-};
-export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
-export declare type AddressCardsType = ChildrenProps;
-export declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => void;
-declare type Props = {
-    customerAddresses: CustomerAddress[];
-    countryLock?: string;
-    children: AddressCardsTemplateChildren;
-    selectedClassName?: string;
-    disabledClassName?: string;
-    deselect?: boolean;
-    selected?: number | null;
-    className?: string;
-    handleSelect: HandleSelect;
-};
-export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect, }: Props): JSX.Element;
-export {};

package/lib/components/utils/AddressCardsTemplate.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import ShippingAddressContext from"../../context/ShippingAddressContext";export default function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=useContext(ShippingAddressContext),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className} ${deselect?"":selectedClassName}`:className,finalClassName=disabled?`${className} ${disabledClassName}`:addressSelectedClass,customerAddressId=address?.reference||"";return{...attributes,className:finalClassName,onClick:()=>handleSelect(k,address.id,customerAddressId,disabled,address)}}),AddressProvider:AddressChildrenContext.Provider};return _jsx(Parent,{...value,children})}

package/lib/components/utils/BaseField.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
-export declare type BaseFieldProps = {
-    attribute: 'number' | 'id';
-    children?: (props: BaseFieldChildren) => ReactNode;
-} & JSX.IntrinsicElements['span'];
-declare const BaseField: FunctionComponent<BaseFieldProps>;
-export default BaseField;

package/lib/components/utils/BaseInput.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { BaseInputComponentProps } from '../../typings/index';
-export declare type BaseInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "min" | "max" | "type" | "list" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "src" | "step" | "width" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
-export default _default;

package/lib/components/utils/BaseOrderPrice.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import { PropsType } from '../../utils/PropsType';
-import { baseOrderPricePropTypes } from '../../typings/index';
-export declare type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes> & JSX.IntrinsicElements['span'];
-declare const BaseOrderPrice: FunctionComponent<BaseOrderPriceProps>;
-export default BaseOrderPrice;

package/lib/components/utils/BaseOrderPrice.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import getAmount from"../../utils/getAmount";import Parent from"./Parent";import{useState,useEffect,useContext}from"react";import{baseOrderPricePropTypes}from"../../typings/index";import isEmpty from"lodash/isEmpty";const BaseOrderPrice=props=>{const{format="formatted",base,type,children,...p}=props,{order}=useContext(OrderContext),[price,setPrice]=useState(""),[cents,setCents]=useState(0);useEffect(()=>{const p2=getAmount({base,type,format,obj:order||{}}),c=getAmount({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{isEmpty(order)&&setPrice("")}},[order]);const parentProps={priceCents:cents,price,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{...p,children:price})};BaseOrderPrice.propTypes=baseOrderPricePropTypes;export default BaseOrderPrice;

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

@@ -1,37 +0,0 @@
-import { InitialSkuContext } from '../../context/SkuChildrenContext';
-import { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
-import type { LineItem, Sku } from '@commercelayer/sdk';
-import { InitialLineItemContext } from '../../context/LineItemChildrenContext';
-import { Context } from 'react';
-export declare type TResources = {
-    StockTransfer: LineItem & {
-        resource: 'stock_transfers';
-    };
-    Sku: Sku & {
-        resource: 'skus';
-    };
-    LineItem: LineItem & {
-        resource: 'line_items';
-    };
-};
-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];
-};
-declare type ResourceContext = {
-    stock_transfers: InitialStockTransferContext;
-    skus: InitialSkuContext;
-    line_items: InitialLineItemContext;
-};
-declare type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
-declare type 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/components/utils/GenericFieldComponent.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./Parent";import{useContext}from"react";import{defaultImgUrl}from"../../utils/placeholderImages";export default function GenericFieldComponent(props){const{children,tagElement,attribute,context,...p}=props,resourceContext=useContext(context);let attributeValue;for(const key in resourceContext)Object.prototype.hasOwnProperty.call(resourceContext,key)&&(attributeValue=resourceContext[key][attribute]);const Tag=tagElement||"span";if(Tag==="img"&&!children)return _jsx("img",{alt:"",src:attributeValue||defaultImgUrl,...p});const parentProps={attributeValue,tagElement,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(Tag,{...p,children:attributeValue})}

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

@@ -1,6 +0,0 @@
-import { ForwardedRef, FunctionComponent } from 'react';
-export declare type ParentProps = {
-    parentRef?: ForwardedRef<any>;
-};
-declare const Parent: FunctionComponent<ParentProps>;
-export default Parent;

package/lib/components/utils/Parent.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";const Parent=({children,...p})=>{const Child=children;return Child?_jsx(Child,{...p}):null};export default Parent;

package/lib/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 { FunctionChildren } 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 = FunctionChildren<ChildrenProps>;
-export declare type CustomerCardsType = ChildrenProps;
-declare type Props = {
-    customerPayments: CustomerPayment[];
-    children: CustomerCardsTemplateChildren;
-    paymentResource: PaymentResource;
-};
-export default function PaymentCardsTemplate({ customerPayments, children, paymentResource, }: Props): JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PriceProps } from '../Price';
-export declare type PTemplateProps = {
-    formattedAmount?: string;
-    formattedCompare?: string;
-} & Omit<PriceProps, 'children'>;
-declare const PriceTemplate: React.FunctionComponent<PTemplateProps>;
-export default PriceTemplate;

package/lib/components/utils/PriceTemplate.js

@@ -1 +0,0 @@
-import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import PropTypes from"prop-types";const propTypes={formattedAmount:PropTypes.string,formattedCompare:PropTypes.string},defaultProps={formattedAmount:"",formattedCompare:""},PriceTemplate=props=>{const{showCompare,formattedCompare,compareClassName,className,formattedAmount,...p}=props;return delete p.skuCode,_jsxs(_Fragment,{children:[_jsx("span",{className,...p,children:formattedAmount}),showCompare&&_jsx("span",{className:compareClassName||"",...p,children:formattedCompare})]})};PriceTemplate.propTypes=propTypes,PriceTemplate.defaultProps=defaultProps;export default PriceTemplate;

package/lib/components/utils/VariantTemplate.d.ts

@@ -1,36 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { BaseSelectorType } from '../../typings/index';
-import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-import { VariantOption } from '../VariantSelector';
-export declare const propTypes: {
-    variants: PropTypes.Validator<any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
-        label: PropTypes.Validator<string>;
-        code: PropTypes.Validator<string>;
-        lineItem: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            imageUrl: PropTypes.Requireable<string>;
-        }>>;
-    }>[]>;
-    name: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    type: PropTypes.Requireable<BaseSelectorType>;
-    loader: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    placeholder: PropTypes.Requireable<string>;
-    skuCode: PropTypes.Requireable<string>;
-};
-export declare type VariantHandleCallback = (variant: VariantOption) => void;
-export declare type VariantTemplateProps = {
-    variants: VariantsObject | Record<string, any>;
-    handleChange?: SetSkuCode;
-    options: VariantOption[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-    handleCallback?: VariantHandleCallback;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
-export default VariantTemplate;

package/lib/components/utils/VariantTemplate.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Fragment}from"react";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.string};const VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback,...prs}=props,vars=Object.keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k]?.label:variants[v].name;return type==="select"?_jsx("option",{"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code,children:label},variants[v].id):_jsxs(Fragment,{children:[_jsx("input",{id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})},...prs}),label]},variants[v].id)});return type==="select"?_jsxs("select",{id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i]?.dataset?.skuId,label=e.target[i]?.dataset?.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||"",...prs,children:[_jsx("option",{disabled:!!skuCode,children:placeholder}),vars]}):_jsx(_Fragment,{children:vars})};VariantTemplate.propTypes=propTypes;export default VariantTemplate;

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

@@ -1,17 +0,0 @@
-import { ReactNode } from '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): ReactNode;
-}
-declare const getAllErrors: GetAllErrors;
-export default getAllErrors;