merchi_product_form/lib/components/VariationLabel.js

A React component for Merchi product forms

import * as React from 'react';
import { variationCostDetail } from './utils';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { CgSpinner } from 'react-icons/cg';
import VariationFieldInputInstructions from './VariationFieldInputInstructions';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
function VariationLabel(_ref) {
  var _variationField$name;
  var forceHideCost = _ref.forceHideCost,
    _ref$variation = _ref.variation,
    variation = _ref$variation === void 0 ? {} : _ref$variation,
    variationClassName = _ref.variationClassName;
  var cost = variation.cost,
    variationField = variation.variationField,
    onceOffCost = variation.onceOffCost,
    unitCost = variation.unitCost;
  var instructions = variationField.instructions,
    sellerProductEditable = variationField.sellerProductEditable;
  var _useMerchiFormContext = useMerchiFormContext(),
    hideCost = _useMerchiFormContext.hideCost,
    loading = _useMerchiFormContext.loading;
  var hasExtraCost = onceOffCost || unitCost;
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx("div", {
      className: "d-flex align-items-center mb-1 ".concat(variationClassName || ''),
      children: /*#__PURE__*/_jsxs("div", {
        style: {
          display: 'inline-flex',
          alignItems: 'center',
          gap: '4px'
        },
        className: "align-items-center flex-wrap gap-1".concat(variationClassName ? variationClassName + '-title' : ''),
        children: ["".concat((_variationField$name = variationField === null || variationField === void 0 ? void 0 : variationField.name) !== null && _variationField$name !== void 0 ? _variationField$name : '', " "), loading && cost ? /*#__PURE__*/_jsx(CgSpinner, {
          fontSize: "1.25rem",
          className: "animate_spin ml-1"
        }) : hideCost || forceHideCost ? '' : hasExtraCost && !sellerProductEditable ? /*#__PURE__*/_jsx("span", {
          className: "merchi-embed-form_variation-cost-detail",
          children: variationCostDetail(variation)
        }) : '']
      })
    }), instructions && /*#__PURE__*/_jsx(VariationFieldInputInstructions, {
      instructions: instructions
    })]
  });
}
export default VariationLabel;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInZhcmlhdGlvbkNvc3REZXRhaWwiLCJ1c2VNZXJjaGlGb3JtQ29udGV4dCIsIkNnU3Bpbm5lciIsIlZhcmlhdGlvbkZpZWxkSW5wdXRJbnN0cnVjdGlvbnMiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiRnJhZ21lbnQiLCJfRnJhZ21lbnQiLCJWYXJpYXRpb25MYWJlbCIsIl9yZWYiLCJfdmFyaWF0aW9uRmllbGQkbmFtZSIsImZvcmNlSGlkZUNvc3QiLCJfcmVmJHZhcmlhdGlvbiIsInZhcmlhdGlvbiIsInZhcmlhdGlvbkNsYXNzTmFtZSIsImNvc3QiLCJ2YXJpYXRpb25GaWVsZCIsIm9uY2VPZmZDb3N0IiwidW5pdENvc3QiLCJpbnN0cnVjdGlvbnMiLCJzZWxsZXJQcm9kdWN0RWRpdGFibGUiLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQiLCJoaWRlQ29zdCIsImxvYWRpbmciLCJoYXNFeHRyYUNvc3QiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImNvbmNhdCIsInN0eWxlIiwiZGlzcGxheSIsImFsaWduSXRlbXMiLCJnYXAiLCJuYW1lIiwiZm9udFNpemUiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9WYXJpYXRpb25MYWJlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyB2YXJpYXRpb25Db3N0RGV0YWlsIH0gZnJvbSAnLi91dGlscyc7XHJcbmltcG9ydCB7IHVzZU1lcmNoaUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9NZXJjaGlQcm9kdWN0Rm9ybVByb3ZpZGVyJztcclxuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xyXG5pbXBvcnQgVmFyaWF0aW9uRmllbGRJbnB1dEluc3RydWN0aW9ucyBmcm9tICcuL1ZhcmlhdGlvbkZpZWxkSW5wdXRJbnN0cnVjdGlvbnMnO1xyXG5cclxuaW50ZXJmYWNlIFByb3BzIHtcclxuICBmb3JjZUhpZGVDb3N0PzogYm9vbGVhbjtcclxuICB2YXJpYXRpb246IGFueTtcclxuICB2YXJpYXRpb25DbGFzc05hbWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIFZhcmlhdGlvbkxhYmVsKHtcclxuICBmb3JjZUhpZGVDb3N0LFxyXG4gIHZhcmlhdGlvbiA9IHt9LFxyXG4gIHZhcmlhdGlvbkNsYXNzTmFtZSxcclxufTogUHJvcHMpIHtcclxuICBjb25zdCB7IGNvc3QsIHZhcmlhdGlvbkZpZWxkLCBvbmNlT2ZmQ29zdCwgdW5pdENvc3QgfSA9IHZhcmlhdGlvbjtcclxuICBjb25zdCB7IGluc3RydWN0aW9ucywgc2VsbGVyUHJvZHVjdEVkaXRhYmxlIH0gPSB2YXJpYXRpb25GaWVsZDtcclxuICBjb25zdCB7IGhpZGVDb3N0LCBsb2FkaW5nIH0gPSB1c2VNZXJjaGlGb3JtQ29udGV4dCgpO1xyXG4gIGNvbnN0IGhhc0V4dHJhQ29zdCA9IG9uY2VPZmZDb3N0IHx8IHVuaXRDb3N0O1xyXG4gIHJldHVybiAoXHJcbiAgICA8PlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3NOYW1lPXtgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBtYi0xICR7dmFyaWF0aW9uQ2xhc3NOYW1lIHx8ICcnfWB9XHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAnNHB4JyB9fVxyXG4gICAgICAgICAgY2xhc3NOYW1lPXtgYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBnYXAtMSR7dmFyaWF0aW9uQ2xhc3NOYW1lID8gdmFyaWF0aW9uQ2xhc3NOYW1lICsgJy10aXRsZScgOiAnJ1xyXG4gICAgICAgICAgICB9YH1cclxuICAgICAgICA+XHJcbiAgICAgICAgICB7YCR7dmFyaWF0aW9uRmllbGQ/Lm5hbWUgPz8gJyd9IGB9XHJcbiAgICAgICAgICB7bG9hZGluZyAmJiBjb3N0ID8gKFxyXG4gICAgICAgICAgICA8Q2dTcGlubmVyIGZvbnRTaXplPScxLjI1cmVtJyBjbGFzc05hbWU9J2FuaW1hdGVfc3BpbiBtbC0xJyAvPlxyXG4gICAgICAgICAgKSA6IGhpZGVDb3N0IHx8IGZvcmNlSGlkZUNvc3QgPyAoXHJcbiAgICAgICAgICAgICcnXHJcbiAgICAgICAgICApIDogaGFzRXh0cmFDb3N0ICYmICFzZWxsZXJQcm9kdWN0RWRpdGFibGUgPyAoXHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT0nbWVyY2hpLWVtYmVkLWZvcm1fdmFyaWF0aW9uLWNvc3QtZGV0YWlsJz5cclxuICAgICAgICAgICAgICB7dmFyaWF0aW9uQ29zdERldGFpbCh2YXJpYXRpb24pfVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICApIDogKFxyXG4gICAgICAgICAgICAnJ1xyXG4gICAgICAgICAgKX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIHtpbnN0cnVjdGlvbnMgJiYgKFxyXG4gICAgICAgIDxWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIGluc3RydWN0aW9ucz17aW5zdHJ1Y3Rpb25zfSAvPlxyXG4gICAgICApfVxyXG4gICAgPC8+XHJcbiAgKTtcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgVmFyaWF0aW9uTGFiZWw7XHJcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxtQkFBbUIsUUFBUSxTQUFTO0FBQzdDLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUMzRSxTQUFTQyxTQUFTLFFBQVEsZ0JBQWdCO0FBQzFDLE9BQU9DLCtCQUErQixNQUFNLG1DQUFtQztBQUFDLFNBQUFDLEdBQUEsSUFBQUMsSUFBQSxFQUFBQyxJQUFBLElBQUFDLEtBQUEsRUFBQUMsUUFBQSxJQUFBQyxTQUFBO0FBUWhGLFNBQVNDLGNBQWNBLENBQUFDLElBQUEsRUFJYjtFQUFBLElBQUFDLG9CQUFBO0VBQUEsSUFIUkMsYUFBYSxHQUFBRixJQUFBLENBQWJFLGFBQWE7SUFBQUMsY0FBQSxHQUFBSCxJQUFBLENBQ2JJLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxjQUFBLGNBQUcsQ0FBQyxDQUFDLEdBQUFBLGNBQUE7SUFDZEUsa0JBQWtCLEdBQUFMLElBQUEsQ0FBbEJLLGtCQUFrQjtFQUVsQixJQUFRQyxJQUFJLEdBQTRDRixTQUFTLENBQXpERSxJQUFJO0lBQUVDLGNBQWMsR0FBNEJILFNBQVMsQ0FBbkRHLGNBQWM7SUFBRUMsV0FBVyxHQUFlSixTQUFTLENBQW5DSSxXQUFXO0lBQUVDLFFBQVEsR0FBS0wsU0FBUyxDQUF0QkssUUFBUTtFQUNuRCxJQUFRQyxZQUFZLEdBQTRCSCxjQUFjLENBQXRERyxZQUFZO0lBQUVDLHFCQUFxQixHQUFLSixjQUFjLENBQXhDSSxxQkFBcUI7RUFDM0MsSUFBQUMscUJBQUEsR0FBOEJ0QixvQkFBb0IsQ0FBQyxDQUFDO0lBQTVDdUIsUUFBUSxHQUFBRCxxQkFBQSxDQUFSQyxRQUFRO0lBQUVDLE9BQU8sR0FBQUYscUJBQUEsQ0FBUEUsT0FBTztFQUN6QixJQUFNQyxZQUFZLEdBQUdQLFdBQVcsSUFBSUMsUUFBUTtFQUM1QyxvQkFDRWIsS0FBQSxDQUFBRSxTQUFBO0lBQUFrQixRQUFBLGdCQUNFdEIsSUFBQTtNQUNFdUIsU0FBUyxvQ0FBQUMsTUFBQSxDQUFvQ2Isa0JBQWtCLElBQUksRUFBRSxDQUFHO01BQUFXLFFBQUEsZUFFeEVwQixLQUFBO1FBQ0V1QixLQUFLLEVBQUU7VUFBRUMsT0FBTyxFQUFFLGFBQWE7VUFBRUMsVUFBVSxFQUFFLFFBQVE7VUFBRUMsR0FBRyxFQUFFO1FBQU0sQ0FBRTtRQUNwRUwsU0FBUyx1Q0FBQUMsTUFBQSxDQUF1Q2Isa0JBQWtCLEdBQUdBLGtCQUFrQixHQUFHLFFBQVEsR0FBRyxFQUFFLENBQ2xHO1FBQUFXLFFBQUEsTUFBQUUsTUFBQSxFQUFBakIsb0JBQUEsR0FFRE0sY0FBYyxhQUFkQSxjQUFjLHVCQUFkQSxjQUFjLENBQUVnQixJQUFJLGNBQUF0QixvQkFBQSxjQUFBQSxvQkFBQSxHQUFJLEVBQUUsUUFDN0JhLE9BQU8sSUFBSVIsSUFBSSxnQkFDZFosSUFBQSxDQUFDSCxTQUFTO1VBQUNpQyxRQUFRLEVBQUMsU0FBUztVQUFDUCxTQUFTLEVBQUM7UUFBbUIsQ0FBRSxDQUFDLEdBQzVESixRQUFRLElBQUlYLGFBQWEsR0FDM0IsRUFBRSxHQUNBYSxZQUFZLElBQUksQ0FBQ0oscUJBQXFCLGdCQUN4Q2pCLElBQUE7VUFBTXVCLFNBQVMsRUFBQyx5Q0FBeUM7VUFBQUQsUUFBQSxFQUN0RDNCLG1CQUFtQixDQUFDZSxTQUFTO1FBQUMsQ0FDM0IsQ0FBQyxHQUVQLEVBQ0Q7TUFBQSxDQUNFO0lBQUMsQ0FDSCxDQUFDLEVBQ0xNLFlBQVksaUJBQ1hoQixJQUFBLENBQUNGLCtCQUErQjtNQUFDa0IsWUFBWSxFQUFFQTtJQUFhLENBQUUsQ0FDL0Q7RUFBQSxDQUNELENBQUM7QUFFUDtBQUVBLGVBQWVYLGNBQWMiLCJpZ25vcmVMaXN0IjpbXX0=