@commercelayer/react-components 2.46.5 → 2.48.0

package/{dist → lib/cjs}/components/utils/BaseSelect.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BaseSelectComponentProps } from "../../typings/index";
-export declare type BaseSelectProps = BaseSelectComponentProps;
-declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
-export default _default;
+import React from 'react';
+import { BaseSelectComponentProps } from '../../typings/index';
+export declare type BaseSelectProps = BaseSelectComponentProps;
+declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=(0,tslib_1.__importDefault)(require("react"));const Parent_1=(0,tslib_1.__importDefault)(require("./Parent"));const lodash_1=require("lodash");const BaseSelect=(e,t)=>{const{options:s=[],children:r,placeholder:l={label:"Select an option",value:""},value:i=""}=e,n=(0,tslib_1.__rest)(e,["options","children","placeholder","value"]);if((0,lodash_1.findIndex)(s,l)===-1){s.unshift(l)}else{s[0]=l}const a=s.map(((e,t)=>{const{label:s}=e,r=(0,tslib_1.__rest)(e,["label"]);return(0,jsx_runtime_1.jsx)("option",Object.assign({},r,{children:s}),t)}));const o=Object.assign({options:s,ref:t},n);return r?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},o,{children:r}),void 0):(0,jsx_runtime_1.jsx)("select",Object.assign({ref:t,defaultValue:i},n,{children:a}),void 0)};exports.default=react_1.default.forwardRef(BaseSelect);

package/{dist → lib/cjs}/components/utils/Parent.d.ts

@@ -1,8 +1,8 @@
-import PropTypes, { InferProps } from 'prop-types';
-import { FunctionComponent } from 'react';
-declare const PProps: {
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-};
-export declare type ParentProps = InferProps<typeof PProps>;
-declare const Parent: FunctionComponent<ParentProps>;
-export default Parent;
+import PropTypes, { InferProps } from 'prop-types';
+import { FunctionComponent } from 'react';
+declare const PProps: {
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare type ParentProps = InferProps<typeof PProps>;
+declare const Parent: FunctionComponent<ParentProps>;
+export default Parent;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const prop_types_1=(0,tslib_1.__importDefault)(require("prop-types"));const PProps={children:prop_types_1.default.func};const Parent=e=>{const t=e.children;return t?(0,jsx_runtime_1.jsx)(t,Object.assign({},e),void 0):null};Parent.propTypes=PProps;exports.default=Parent;

package/{dist → lib/cjs}/components/utils/PaymentCardsTemplate.d.ts

@@ -1,24 +1,23 @@
-/// <reference types="react" />
-import { PaymentResource } from "../../reducers/PaymentMethodReducer";
-import { CustomerPaymentSourceCollection } from '@commercelayer/js-sdk';
-import PaymentSourceContext, { iconBrand } from "../../context/PaymentSourceContext";
-import { FunctionChildren } from "../../typings/index";
-declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
-    PaymentSourceProvider: typeof PaymentSourceContext.Provider;
-};
-declare type CustomerPayment = CustomerPaymentSourceCollection & {
-    card?: {
-        brand?: iconBrand;
-        last4?: string;
-    };
-    handleClick?: () => void;
-};
-export declare type CustomerCardsTemplateChildren = FunctionChildren<ChildrenProps>;
-export declare type CustomerCardsTemplate = ChildrenProps;
-declare type Props = {
-    customerPayments: CustomerPayment[];
-    children: CustomerCardsTemplateChildren;
-    paymentResource: PaymentResource;
-};
-export default function PaymentCardsTemplate({ customerPayments, children, paymentResource, }: Props): JSX.Element;
-export {};
+/// <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 CustomerCardsTemplate = ChildrenProps;
+declare type 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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const Parent_1=(0,tslib_1.__importDefault)(require("../utils/Parent"));const react_1=require("react");const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentMethodContext"));const PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));function PaymentCardsTemplate({customerPayments:e,children:t,paymentResource:o}){const{setPaymentSource:n}=(0,react_1.useContext)(PaymentMethodContext_1.default);const r=e.map((e=>{var t,r,a,s,i;const u=e;const c=((t=e===null||e===void 0?void 0:e.payment_source.options)===null||t===void 0?void 0:t.card)||((a=(r=e===null||e===void 0?void 0:e.payment_source)===null||r===void 0?void 0:r.payment_request_data)===null||a===void 0?void 0:a.paymentMethod)||((i=(s=e===null||e===void 0?void 0:e.payment_source)===null||s===void 0?void 0:s.metadata)===null||i===void 0?void 0:i.card);const d=async t=>{t.stopPropagation();await n({paymentResource:o,customerPaymentSourceId:e.id})};return Object.assign(Object.assign({},u),{card:c,handleClick:d})}));const a={customerPayments:r,PaymentSourceProvider:PaymentSourceContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},a,{children:t}),void 0)}exports.default=PaymentCardsTemplate;

package/{dist → lib/cjs}/components/utils/PriceTemplate.d.ts

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const prop_types_1=(0,tslib_1.__importDefault)(require("prop-types"));const propTypes={formattedAmount:prop_types_1.default.string,formattedCompare:prop_types_1.default.string};const defaultProps={formattedAmount:"",formattedCompare:""};const PriceTemplate=e=>{const{showCompare:t,formattedCompare:r,compareClassName:s,className:o,formattedAmount:a,skuCode:p}=e,m=(0,tslib_1.__rest)(e,["showCompare","formattedCompare","compareClassName","className","formattedAmount","skuCode"]);return(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("span",Object.assign({className:o},m,{children:a}),void 0),t&&(0,jsx_runtime_1.jsx)("span",Object.assign({className:s||""},m,{children:r}),void 0)]},void 0)};PriceTemplate.propTypes=propTypes;PriceTemplate.defaultProps=defaultProps;exports.default=PriceTemplate;

package/{dist → lib/cjs}/components/utils/VariantTemplate.d.ts

@@ -1,34 +1,36 @@
-import { FunctionComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { BaseSelectorType } from "../../typings/index";
-import { VariantsObject, SetSkuCode } from "../../reducers/VariantReducer";
-import { VariantOptions } 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 VariantTemplateProps = {
-    variants: VariantsObject | Record<string, any>;
-    handleChange?: SetSkuCode;
-    options: VariantOptions[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
-export default VariantTemplate;
+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/cjs/components/utils/VariantTemplate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.propTypes=void 0;const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const lodash_1=require("lodash");const prop_types_1=(0,tslib_1.__importDefault)(require("prop-types"));exports.propTypes={variants:prop_types_1.default.any.isRequired,onChange:prop_types_1.default.func,options:prop_types_1.default.arrayOf(prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,code:prop_types_1.default.string.isRequired,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}).isRequired).isRequired,name:prop_types_1.default.string,children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["select","radio"]),loader:prop_types_1.default.element,placeholder:prop_types_1.default.string,skuCode:prop_types_1.default.string};const VariantTemplate=e=>{const{id:t,variants:s,type:a,placeholder:r,options:p,skuCode:i,handleChange:n,handleCallback:o}=e,l=(0,tslib_1.__rest)(e,["id","variants","type","placeholder","options","skuCode","handleChange","handleCallback"]);const d=(0,lodash_1.keys)(s).map(((e,r)=>{const d=i===e;const _=p.length>0?p[r].label:s[e].name;return a==="select"?(0,jsx_runtime_1.jsx)("option",Object.assign({"data-sku-id":s[e].id,"data-label":_,value:s[e].code},{children:_}),s[e].id):(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("input",Object.assign({id:t&&`${t}-${r}`,defaultChecked:d,type:"radio",value:s[e].code,onChange:t=>{const a=t.target.value;n&&n(a,s[e].id);o&&o({code:a,label:_})}},l),void 0),_]},s[e].id)}));if(a==="select"){return(0,jsx_runtime_1.jsxs)("select",Object.assign({id:t,title:"Variant selector",onChange:e=>{const t=e.target.value;const s=e.target.selectedIndex;const a=e.target[s].dataset.skuId;const r=e.target[s].dataset.label;n&&n(t,a);o&&o({code:t,label:r})},value:i||""},l,{children:[(0,jsx_runtime_1.jsx)("option",Object.assign({disabled:!!i},{children:r}),void 0),d]}),void 0)}return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:d},void 0)};VariantTemplate.propTypes=exports.propTypes;exports.default=VariantTemplate;

package/{dist → lib/cjs}/components/utils/getAllErrors.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
-import { LineItemCollection } from '@commercelayer/js-sdk';
-import { BaseError, ResourceErrorType } from "../../typings/errors";
-export declare type AllErrorsParams = {
-    allErrors: BaseError[];
-    messages: BaseError[];
-    field?: string;
-    props: JSX.IntrinsicElements['span'];
-    lineItem?: LineItemCollection | Record<string, any>;
-    resource?: ResourceErrorType;
-    returnHtml?: boolean;
-};
-export interface GetAllErrors {
-    <P extends AllErrorsParams>(params: P): ReactNode;
-}
-declare const getAllErrors: GetAllErrors;
-export default getAllErrors;
+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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const customMessages_1=(0,tslib_1.__importDefault)(require("../../utils/customMessages"));const getAllErrors=e=>{const{allErrors:s,messages:r,field:t,props:i,lineItem:n,resource:u,returnHtml:l=true}=e;return s.map(((e,s)=>{const o=(0,customMessages_1.default)(r,e);const c=(o===null||o===void 0?void 0:o.message)||e.message||`${e.title} - ${e.detail}`;if(t){if(e.resource==="line_items"){if(n&&e.id===n["id"]){return l?(0,jsx_runtime_1.jsx)("span",Object.assign({},i,{children:c}),s):c}}if(t===e.field&&u===e.resource){return l?(0,jsx_runtime_1.jsx)("span",Object.assign({},i,{children:c}),s):c}}if(u===e.resource&&!t){return l?(0,jsx_runtime_1.jsx)("span",Object.assign({},i,{children:c}),s):c}}))};exports.default=getAllErrors;