@commercelayer/react-components/lib/cjs/components/utils/BaseField.js

The Official Commerce Layer React Components

"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseField=_a=>{var{children,attribute}=_a,p=tslib_1.__rest(_a,["children","attribute"]);const{order}=(0,react_1.useContext)(OrderContext_1.default),[field,setField]=(0,react_1.useState)("");(0,react_1.useEffect)(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps=Object.assign({attribute:field},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:field}))};exports.default=BaseField;