@commercelayer/react-components 3.15.4 → 3.15.6

package/lib/typings/errors.d.ts

@@ -1,42 +0,0 @@
-import PropTypes from 'prop-types';
-import { FunctionChildren } from './index';
-export declare type CodeErrorType = 'EMPTY_ERROR' | 'FILTER_NOT_ALLOWED' | 'FORBIDDEN' | 'INTERNAL_SERVER_ERROR' | 'INVALID_DATA_FORMAT' | 'INVALID_FIELD' | 'INVALID_FIELD_FORMAT' | 'INVALID_FIELD_VALUE' | 'INVALID_FILTERS_SYNTAX' | 'INVALID_FILTER_VALUE' | 'INVALID_INCLUDE' | 'INVALID_LINKS_OBJECT' | 'INVALID_PAGE_OBJECT' | 'INVALID_PAGE_VALUE' | 'INVALID_RESOURCE' | 'INVALID_RESOURCE_ID' | 'INVALID_SORT_CRITERIA' | 'INVALID_TOKEN' | 'KEY_NOT_INCLUDED_IN_URL' | 'KEY_ORDER_MISMATCH' | 'LOCKED' | 'NOT_ACCEPTABLE' | 'OUT_OF_STOCK' | 'PARAM_MISSING' | 'PARAM_NOT_ALLOWED' | 'PAYMENT_NOT_APPROVED_FOR_EXECUTION' | 'PAYMENT_INTENT_AUTHENTICATION_FAILURE' | 'RECORD_NOT_FOUND' | 'RECORD_NOT_FOUND' | 'RELATION_EXISTS' | 'NO_SHIPPING_METHODS' | 'SAVE_FAILED' | 'TYPE_MISMATCH' | 'UNAUTHORIZED' | 'UNSUPPORTED_MEDIA_TYPE' | 'VALIDATION_ERROR';
-export declare type ResourceErrorType = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'sku_options' | 'variant';
-export interface BaseError {
-    code: CodeErrorType;
-    message: string;
-    resource?: ResourceErrorType | null;
-    field?: string;
-    id?: string;
-    title?: string;
-    detail?: string;
-}
-export declare const REType: ResourceErrorType[];
-export declare const BaseErrorObject: PropTypes.Requireable<PropTypes.InferProps<{
-    code: PropTypes.Validator<CodeErrorType>;
-    message: PropTypes.Validator<string>;
-    resource: PropTypes.Requireable<ResourceErrorType>;
-    field: PropTypes.Requireable<string>;
-    id: PropTypes.Requireable<string>;
-}>>;
-export declare const ErrorPropTypes: {
-    resource: PropTypes.Validator<ResourceErrorType>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    field: PropTypes.Requireable<string>;
-};
-declare type ErrorChildrenComponentProps = FunctionChildren<Omit<ErrorComponentProps, 'children'> & {
-    errors: string[];
-}>;
-export interface ErrorComponentProps {
-    resource: ResourceErrorType;
-    children?: ErrorChildrenComponentProps;
-    field?: string;
-    messages?: {
-        code: CodeErrorType;
-        message: string;
-        resource?: ResourceErrorType;
-        field?: string;
-        id?: string;
-    }[];
-}
-export {};

package/lib/typings/errors.js

@@ -1 +0,0 @@
-import PropTypes from"prop-types";const CEType=["EMPTY_ERROR","FILTER_NOT_ALLOWED","FORBIDDEN","INTERNAL_SERVER_ERROR","INVALID_DATA_FORMAT","INVALID_FIELD","INVALID_FIELD_FORMAT","INVALID_FIELD_VALUE","INVALID_FILTERS_SYNTAX","INVALID_FILTER_VALUE","INVALID_INCLUDE","INVALID_LINKS_OBJECT","INVALID_PAGE_OBJECT","INVALID_PAGE_VALUE","INVALID_RESOURCE","INVALID_RESOURCE_ID","INVALID_SORT_CRITERIA","INVALID_TOKEN","KEY_NOT_INCLUDED_IN_URL","KEY_ORDER_MISMATCH","LOCKED","NOT_ACCEPTABLE","PARAM_MISSING","PARAM_NOT_ALLOWED","RECORD_NOT_FOUND","RECORD_NOT_FOUND","RELATION_EXISTS","SAVE_FAILED","TYPE_MISMATCH","UNAUTHORIZED","UNSUPPORTED_MEDIA_TYPE","VALIDATION_ERROR"];export const REType=["gift_cards","line_items","orders","prices","sku_options","variant"],BaseErrorObject=PropTypes.shape({code:PropTypes.oneOf(CEType).isRequired,message:PropTypes.string.isRequired,resource:PropTypes.oneOf(REType),field:PropTypes.string,id:PropTypes.string}),ErrorPropTypes={resource:PropTypes.oneOf(["billing_address","gift_cards","line_items","orders","payment_methods","prices","shipping_address","sku_options","variant","shipments"]).isRequired,children:PropTypes.func,field:PropTypes.string};

package/lib/typings/index.d.ts

@@ -1,137 +0,0 @@
-import { Dispatch, ForwardedRef, ReactNode, RefObject } from 'react';
-import PropTypes, { InferProps } from 'prop-types';
-import { BaseError } from './errors';
-export declare const BC: {
-    id: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    name: PropTypes.Requireable<string>;
-};
-export declare const PTLoader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
-export declare const BaseSelectComponentPropTypes: {
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
-        label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
-        selected: PropTypes.Requireable<boolean>;
-    }>[]>;
-    placeholder: PropTypes.Requireable<PropTypes.InferProps<{
-        label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
-    }>>;
-    value: PropTypes.Requireable<string>;
-    name: PropTypes.Validator<string>;
-};
-export declare type SelectPlaceholder = Option;
-declare type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
-declare type Option = {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-};
-export interface BaseSelectComponentProps {
-    children?: (props: BaseSelectChildrenComponentProps) => ReactNode;
-    options: Option[];
-    placeholder?: Option;
-    value?: string;
-    className?: string;
-    required?: boolean;
-    name: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-}
-export declare const BaseInputComponentPropTypes: {
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    name: PropTypes.Validator<string>;
-    type: PropTypes.Validator<BaseInputType>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    placeholder: PropTypes.Requireable<string>;
-};
-declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
-    handleChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    parentRef: ForwardedRef<any>;
-};
-export interface BaseInputComponentProps {
-    ref?: () => RefObject<any>;
-    children?: (props: BaseInputChildrenComponentProps) => ReactNode;
-    name: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    placeholder?: string;
-}
-export declare type LineItemType = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
-export declare type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
-export declare type AddressInputName = 'billing_address_city' | 'billing_address_company' | 'billing_address_first_name' | 'billing_address_email' | 'billing_address_last_name' | 'billing_address_line_1' | 'billing_address_line_2' | 'billing_address_phone' | 'billing_address_state_code' | 'billing_address_zip_code' | 'billing_address_billing_info' | 'billing_address_save_to_customer_book' | 'shipping_address_city' | 'shipping_address_company' | 'shipping_address_email' | 'shipping_address_first_name' | 'shipping_address_last_name' | 'shipping_address_line_1' | 'shipping_address_line_2' | 'shipping_address_phone' | 'shipping_address_state_code' | 'shipping_address_zip_code' | 'shipping_address_save_to_customer_book';
-export declare type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code';
-export declare type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code';
-export declare type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
-export declare type LoaderType = string | ReactNode;
-export declare const BMObject: PropTypes.Requireable<{
-    [x: string]: string | null | undefined;
-}>;
-export declare type BaseMetadataObject = {
-    [key: string]: string | undefined | null;
-};
-export declare type TimeFormat = 'days' | 'hours';
-export declare type BaseComponent = InferProps<typeof BC>;
-export interface BaseAction<A = string, P = Record<string, any>> {
-    type: A;
-    payload: P;
-}
-export interface BaseState {
-    [key: string]: any;
-    errors?: BaseError[];
-}
-export declare type BaseActionType<T = string> = T[];
-export interface BFSetStateContainer<T> {
-    <P extends T>(param: P): void;
-}
-export interface BaseReducer {
-    <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T): S;
-}
-export interface BaseUnsetState<A> {
-    (dispatch: Dispatch<A>): void;
-}
-export interface BaseMetadata {
-    [key: string]: string | undefined | null;
-}
-export declare type BaseFormatPrice = 'formatted' | 'cents' | 'float';
-export declare const baseOrderPricePropTypes: {
-    id: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    name: PropTypes.Requireable<string>;
-    base: PropTypes.Validator<string>;
-    type: PropTypes.Validator<string>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    format: PropTypes.Requireable<BaseFormatPrice>;
-};
-export declare const baseOrderComponentPricePropTypes: {
-    id: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    name: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    format: PropTypes.Requireable<BaseFormatPrice>;
-};
-export declare type BasePriceType = 'total' | 'option' | 'unit';
-export declare type BaseSelectorType = 'select' | 'radio';
-export declare type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
-export declare type BaseAmountComponent = {
-    children?: (props: BaseAmountComponentChildren) => ReactNode;
-    format?: BaseFormatPrice;
-    price?: string;
-    priceCents?: number;
-    labelFree?: string;
-} & JSX.IntrinsicElements['span'];
-export interface FunctionChildren<P = Record<string, any>> {
-    (props: P): ReactNode;
-}
-export declare type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
-export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
-export declare type ConditionalElement<E> = ({
-    attribute: Extract<keyof E, 'image_url'>;
-    tagElement: ExtractTag<'img'>;
-} & JSX.IntrinsicElements['img']) | ({
-    attribute: Exclude<keyof E, 'image_url'>;
-    tagElement: ExcludeTag<'img'>;
-} & JSX.IntrinsicElements[ExcludeTag<'img'>]);
-export {};

package/lib/utils/addressesManager.d.ts

@@ -1,28 +0,0 @@
-import { BaseError } from '../typings/errors';
-import { AddressCreate } from '@commercelayer/sdk';
-declare type BillingAddressController = (params: {
-    billing_address?: AddressCreate;
-    billingAddressId?: string;
-    errors?: BaseError[];
-    requiresBillingInfo?: boolean;
-}) => boolean;
-export declare const billingAddressController: BillingAddressController;
-declare type ShippingAddressController = (params: {
-    billingDisable: boolean;
-    errors?: BaseError[];
-    shipToDifferentAddress?: boolean;
-    shipping_address?: AddressCreate;
-    shippingAddressId?: string;
-}) => boolean;
-export declare const shippingAddressController: ShippingAddressController;
-declare type CountryLockController = (params: {
-    addresses?: Record<string, any>[];
-    billing_address?: Record<string, any>;
-    billingAddressId?: string;
-    countryCodeLock?: string;
-    shipToDifferentAddress?: boolean;
-    shipping_address?: Record<string, any>;
-    shippingAddressId?: string;
-}) => boolean;
-export declare const countryLockController: CountryLockController;
-export {};

package/lib/utils/addressesManager.js

@@ -1 +0,0 @@
-import{isEmpty}from"lodash";import{fieldsExist}from"./validateFormFields";import{addressFields}from"../reducers/AddressReducer";export const billingAddressController=({billing_address,billingAddressId,errors,requiresBillingInfo})=>{let billingDisable=!isEmpty(errors)||isEmpty(billing_address);if(isEmpty(errors)&&!isEmpty(billing_address)){let billingInfo=[...addressFields];requiresBillingInfo&&(billingInfo=[...billingInfo,"billing_info"]),billingDisable=!!(billing_address&&fieldsExist(billing_address,billingInfo))}return billingDisable&&!isEmpty(billingAddressId)&&isEmpty(billing_address)&&(billingDisable=!1),billingDisable},shippingAddressController=({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId})=>{let shippingDisable=!!(!billingDisable&&shipToDifferentAddress);return shippingDisable&&isEmpty(errors)&&!isEmpty(shipping_address)&&(shippingDisable=!!(shipping_address&&fieldsExist(shipping_address))),shippingDisable&&!isEmpty(shippingAddressId)&&isEmpty(shipping_address)&&(shippingDisable=!1),shippingDisable},countryLockController=({addresses,billing_address,billingAddressId,countryCodeLock,shipToDifferentAddress,shipping_address,shippingAddressId})=>{if(countryCodeLock&&!isEmpty(addresses)&&billingAddressId&&!shipToDifferentAddress){const addressLocked=addresses?.find(a=>(a?.id===billingAddressId||a?.reference===billingAddressId)&&a?.country_code!==countryCodeLock);if(!isEmpty(addressLocked))return!0}if(countryCodeLock&&!isEmpty(billing_address)&&!shipToDifferentAddress)return billing_address?.country_code!==countryCodeLock;if(countryCodeLock&&!isEmpty(shipping_address)&&shipToDifferentAddress)return shipping_address?.country_code!==countryCodeLock;if(countryCodeLock&&!isEmpty(addresses)&&shippingAddressId&&shipToDifferentAddress){const addressLocked=addresses?.find(a=>(a?.id===shippingAddressId||a?.reference===shippingAddressId)&&a?.country_code!==countryCodeLock);if(!isEmpty(addressLocked))return!0}return!1};

package/lib/utils/browserInfo.d.ts

@@ -1,9 +0,0 @@
-export default function getBrowserInfo(): {
-    screenWidth: string | number;
-    screenHeight: string | number;
-    colorDepth: string | number;
-    userAgent: string;
-    timeZoneOffset: number;
-    language: string;
-    javaEnabled: boolean;
-};

package/lib/utils/browserInfo.js

@@ -1 +0,0 @@
-export default function getBrowserInfo(){const screenWidth=window&&window.screen?window.screen.width:"",screenHeight=window&&window.screen?window.screen.height:"",colorDepth=window&&window.screen?window.screen.colorDepth:"",userAgent=window&&window.navigator?window.navigator.userAgent:"",javaEnabled=window&&window.navigator?navigator.javaEnabled():!1;let language="";window&&window.navigator&&(language=window.navigator.language);const timeZoneOffset=new Date().getTimezoneOffset();return{screenWidth,screenHeight,colorDepth,userAgent,timeZoneOffset,language,javaEnabled}}

package/lib/utils/childrenTypes.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { Requireable } from 'prop-types';
-export interface CheckChildrenTypes {
-    (props: {
-        [key: string]: any;
-    }, propName: string, componentName: string, location: string, propFullName: string): Error | null;
-}
-declare const _default: Requireable<ReactNode | (() => ReactNode)>;
-export default _default;

package/lib/utils/getCurrentItemKey.d.ts

@@ -1,6 +0,0 @@
-import { Items } from '../reducers/ItemReducer';
-export interface GetCurrentItemKey {
-    (item: Items): string;
-}
-declare const getCurrentItemKey: GetCurrentItemKey;
-export default getCurrentItemKey;

package/lib/utils/getCurrentItemKey.js

@@ -1 +0,0 @@
-import first from"lodash/first";import keys from"lodash/keys";const getCurrentItemKey=item=>first(keys(item))||"";export default getCurrentItemKey;

package/lib/utils/getLineItemsCount.d.ts

@@ -1,10 +0,0 @@
-import type { LineItem } from '@commercelayer/sdk';
-import { LineItemType } from '../typings/index';
-export declare type TypeAccepted = Extract<LineItemType, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
-declare type Args = {
-    lineItems: LineItem[];
-    quantity?: number;
-    typeAccepted?: TypeAccepted[];
-};
-export default function getLineItemsCount({ lineItems, quantity, typeAccepted, }: Args): number;
-export {};

package/lib/utils/getLoaderComponent.js

@@ -1 +0,0 @@
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";export default function getLoaderComponent(Loader){return typeof Loader=="function"?_jsx(Loader,{}):_jsx(_Fragment,{children:Loader})}

package/lib/utils/getPrices.d.ts

@@ -1,17 +0,0 @@
-import { Price } from '@commercelayer/sdk';
-import { Prices } from '../reducers/PriceReducer';
-import { Items } from '../reducers/ItemReducer';
-import { ReactNode } from 'react';
-import { PTemplateProps } from '../components/utils/PriceTemplate';
-export interface GetPriceByCode {
-    (skuPrices: Price[], code: string): Price | undefined;
-}
-export declare const getPriceByCode: GetPriceByCode;
-export interface GetPricesComponent {
-    (skuPrices: Price[], props: PTemplateProps): ReactNode;
-}
-export declare const getPricesComponent: GetPricesComponent;
-export interface GetPrices {
-    (prices: Price[] | Items): Prices;
-}
-export default function getPrices<P extends Price>(prices: P[]): Record<string, any>;

package/lib/utils/getPrices.js

@@ -1 +0,0 @@
-import{createElement as _createElement}from"react";import{jsx as _jsx}from"react/jsx-runtime";import{isEmpty,first,isArray,has}from"lodash";import PriceTemplate from"../components/utils/PriceTemplate";export const getPriceByCode=(skuPrices,code="")=>code?first(skuPrices.filter(p=>p.currency_code===code)):first(skuPrices),getPricesComponent=(skuPrices,props)=>isEmpty(skuPrices)?_jsx(PriceTemplate,{...props}):skuPrices.map((p,k)=>{const showCompare=typeof props.showCompare=="undefined"&&p?.compare_at_amount_cents>p?.amount_cents||props.showCompare;return _createElement(PriceTemplate,{...props,key:k,showCompare,formattedAmount:p.formatted_amount,formattedCompare:p.formatted_compare_at_amount})});export default function getPrices(prices){const obj={};return isArray(prices)&&prices.forEach(p=>{const sku=p.sku_code;has(obj,sku)?obj[sku].push(p):obj[sku]=[p]}),obj}

package/lib/utils/getSdk.d.ts

@@ -1,3 +0,0 @@
-import Sdk from '@commercelayer/sdk';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-export default function getSdk({ endpoint, accessToken, }: CommerceLayerConfig): ReturnType<typeof Sdk>;

package/lib/utils/getSdk.js

@@ -1 +0,0 @@
-import getOrganizationSlug from"./organization";import Sdk from"@commercelayer/sdk";export default function getSdk({endpoint,accessToken}){const org=getOrganizationSlug(endpoint);return Sdk({accessToken,...org})}

package/lib/utils/jwt.d.ts

@@ -1,27 +0,0 @@
-declare type JWT = {
-    application: {
-        id: string;
-        kind: 'sales_channel' | 'integration';
-        public: boolean;
-    };
-    exp: number;
-    market: {
-        id: string[];
-        price_list_id: string;
-        stock_location_ids: string[];
-        geocoder_id: null | string;
-        allows_external_prices: boolean;
-    };
-    organization: {
-        id: string;
-        slug: string;
-    };
-    owner: {
-        id: 'gOqzZhZrmQ';
-        type: 'Customer';
-    };
-    rand: number;
-    test: boolean;
-};
-export default function jwt(accessToken: string): JWT;
-export {};

package/lib/utils/organization.d.ts

@@ -1,6 +0,0 @@
-declare type ReturnObj = {
-    organization: string;
-    domain: string;
-};
-export default function getOrganizationSlug<E extends string>(endpoint: E): ReturnObj;
-export {};

package/lib/utils/paypalPayment.d.ts

@@ -1,3 +0,0 @@
-import { PaypalConfig } from '../components/PaypalPayment';
-import { PaymentResource, PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
-export default function getPaypalConfig(paymentResource: PaymentResource, config: PaymentMethodConfig): Pick<PaypalConfig, 'return_url' | 'cancel_url'> | undefined;

package/lib/utils/validateFormFields.js

@@ -1 +0,0 @@
-import isEmpty from"lodash/isEmpty";import isString from"lodash/isString";import without from"lodash/without";import keys from"lodash/keys";import map from"lodash/map";import get from"lodash/get";import{addressFields}from"../reducers/AddressReducer";const EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/;export const validateValue=(val,name,type,resourceType)=>val?type==="email"&&isString(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return map(fields,v=>{const isTick=!!get(v,"checked"),val=isTick||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.indexOf(attrName)!==-1||v.required){const error=validateValue(val,v.name,v.type,resourceType);isEmpty(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}};export const fieldsExist=(address,schema=addressFields)=>{if(address.business){const required=without(schema,"first_name","last_name","line_2"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=without(schema,"line_2","company"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}};const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];export function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}export default validateFormFields;