merchi_product_form/lib/components/VariationLabel.js

A React component for Merchi product forms

import * as React from 'react';
import { variationCostDetail } from './utils';
import VariationFieldNameAndCostInputs from './VariationFieldNameAndCostInputs';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { CgSpinner } from 'react-icons/cg';
import VariationFieldInputInstructions from './VariationFieldInputInstructions';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
function VariationLabel(_ref) {
  var _variationField$name;
  var forceHideCost = _ref.forceHideCost,
    name = _ref.name,
    _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__*/_jsxs("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)
        }) : '']
      }), /*#__PURE__*/_jsx(VariationFieldNameAndCostInputs, {
        name: name,
        variation: variation
      })]
    }), instructions && /*#__PURE__*/_jsx(VariationFieldInputInstructions, {
      instructions: instructions
    })]
  });
}
export default VariationLabel;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInZhcmlhdGlvbkNvc3REZXRhaWwiLCJWYXJpYXRpb25GaWVsZE5hbWVBbmRDb3N0SW5wdXRzIiwidXNlTWVyY2hpRm9ybUNvbnRleHQiLCJDZ1NwaW5uZXIiLCJWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwiVmFyaWF0aW9uTGFiZWwiLCJfcmVmIiwiX3ZhcmlhdGlvbkZpZWxkJG5hbWUiLCJmb3JjZUhpZGVDb3N0IiwibmFtZSIsIl9yZWYkdmFyaWF0aW9uIiwidmFyaWF0aW9uIiwidmFyaWF0aW9uQ2xhc3NOYW1lIiwiY29zdCIsInZhcmlhdGlvbkZpZWxkIiwib25jZU9mZkNvc3QiLCJ1bml0Q29zdCIsImluc3RydWN0aW9ucyIsInNlbGxlclByb2R1Y3RFZGl0YWJsZSIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsImhpZGVDb3N0IiwibG9hZGluZyIsImhhc0V4dHJhQ29zdCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiY29uY2F0Iiwic3R5bGUiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsImdhcCIsImZvbnRTaXplIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvVmFyaWF0aW9uTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHZhcmlhdGlvbkNvc3REZXRhaWwgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCBWYXJpYXRpb25GaWVsZE5hbWVBbmRDb3N0SW5wdXRzIGZyb20gJy4vVmFyaWF0aW9uRmllbGROYW1lQW5kQ29zdElucHV0cyc7XG5pbXBvcnQgeyB1c2VNZXJjaGlGb3JtQ29udGV4dCB9IGZyb20gJy4uL2NvbnRleHQvTWVyY2hpUHJvZHVjdEZvcm1Qcm92aWRlcic7XG5pbXBvcnQgeyBDZ1NwaW5uZXIgfSBmcm9tICdyZWFjdC1pY29ucy9jZyc7XG5pbXBvcnQgVmFyaWF0aW9uRmllbGRJbnB1dEluc3RydWN0aW9ucyBmcm9tICcuL1ZhcmlhdGlvbkZpZWxkSW5wdXRJbnN0cnVjdGlvbnMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBmb3JjZUhpZGVDb3N0PzogYm9vbGVhbjtcbiAgbmFtZTogc3RyaW5nO1xuICB2YXJpYXRpb246IGFueTtcbiAgdmFyaWF0aW9uQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBWYXJpYXRpb25MYWJlbCh7XG4gIGZvcmNlSGlkZUNvc3QsXG4gIG5hbWUsXG4gIHZhcmlhdGlvbiA9IHt9LFxuICB2YXJpYXRpb25DbGFzc05hbWUsXG59OiBQcm9wcykge1xuICBjb25zdCB7IGNvc3QsIHZhcmlhdGlvbkZpZWxkLCBvbmNlT2ZmQ29zdCwgdW5pdENvc3QgfSA9IHZhcmlhdGlvbjtcbiAgY29uc3QgeyBpbnN0cnVjdGlvbnMsIHNlbGxlclByb2R1Y3RFZGl0YWJsZSB9ID0gdmFyaWF0aW9uRmllbGQ7XG4gIGNvbnN0IHsgaGlkZUNvc3QsIGxvYWRpbmcgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XG4gIGNvbnN0IGhhc0V4dHJhQ29zdCA9IG9uY2VPZmZDb3N0IHx8IHVuaXRDb3N0O1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17YGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItMSAke3ZhcmlhdGlvbkNsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogJzRweCcgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2BhbGlnbi1pdGVtcy1jZW50ZXIgZmxleC13cmFwIGdhcC0xJHt2YXJpYXRpb25DbGFzc05hbWUgPyB2YXJpYXRpb25DbGFzc05hbWUgKyAnLXRpdGxlJyA6ICcnXG4gICAgICAgICAgICB9YH1cbiAgICAgICAgPlxuICAgICAgICAgIHtgJHt2YXJpYXRpb25GaWVsZD8ubmFtZSA/PyAnJ30gYH1cbiAgICAgICAgICB7bG9hZGluZyAmJiBjb3N0ID8gKFxuICAgICAgICAgICAgPENnU3Bpbm5lciBmb250U2l6ZT0nMS4yNXJlbScgY2xhc3NOYW1lPSdhbmltYXRlX3NwaW4gbWwtMScgLz5cbiAgICAgICAgICApIDogaGlkZUNvc3QgfHwgZm9yY2VIaWRlQ29zdCA/IChcbiAgICAgICAgICAgICcnXG4gICAgICAgICAgKSA6IGhhc0V4dHJhQ29zdCAmJiAhc2VsbGVyUHJvZHVjdEVkaXRhYmxlID8gKFxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdtZXJjaGktZW1iZWQtZm9ybV92YXJpYXRpb24tY29zdC1kZXRhaWwnPlxuICAgICAgICAgICAgICB7dmFyaWF0aW9uQ29zdERldGFpbCh2YXJpYXRpb24pfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAnJ1xuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VmFyaWF0aW9uRmllbGROYW1lQW5kQ29zdElucHV0cyBuYW1lPXtuYW1lfSB2YXJpYXRpb249e3ZhcmlhdGlvbn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2luc3RydWN0aW9ucyAmJiAoXG4gICAgICAgIDxWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIGluc3RydWN0aW9ucz17aW5zdHJ1Y3Rpb25zfSAvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVmFyaWF0aW9uTGFiZWw7XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsbUJBQW1CLFFBQVEsU0FBUztBQUM3QyxPQUFPQywrQkFBK0IsTUFBTSxtQ0FBbUM7QUFDL0UsU0FBU0Msb0JBQW9CLFFBQVEsc0NBQXNDO0FBQzNFLFNBQVNDLFNBQVMsUUFBUSxnQkFBZ0I7QUFDMUMsT0FBT0MsK0JBQStCLE1BQU0sbUNBQW1DO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBO0FBQUEsU0FBQUMsSUFBQSxJQUFBQyxLQUFBO0FBQUEsU0FBQUMsUUFBQSxJQUFBQyxTQUFBO0FBU2hGLFNBQVNDLGNBQWNBLENBQUFDLElBQUEsRUFLYjtFQUFBLElBQUFDLG9CQUFBO0VBQUEsSUFKUkMsYUFBYSxHQUFBRixJQUFBLENBQWJFLGFBQWE7SUFDYkMsSUFBSSxHQUFBSCxJQUFBLENBQUpHLElBQUk7SUFBQUMsY0FBQSxHQUFBSixJQUFBLENBQ0pLLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxjQUFBLGNBQUcsQ0FBQyxDQUFDLEdBQUFBLGNBQUE7SUFDZEUsa0JBQWtCLEdBQUFOLElBQUEsQ0FBbEJNLGtCQUFrQjtFQUVsQixJQUFRQyxJQUFJLEdBQTRDRixTQUFTLENBQXpERSxJQUFJO0lBQUVDLGNBQWMsR0FBNEJILFNBQVMsQ0FBbkRHLGNBQWM7SUFBRUMsV0FBVyxHQUFlSixTQUFTLENBQW5DSSxXQUFXO0lBQUVDLFFBQVEsR0FBS0wsU0FBUyxDQUF0QkssUUFBUTtFQUNuRCxJQUFRQyxZQUFZLEdBQTRCSCxjQUFjLENBQXRERyxZQUFZO0lBQUVDLHFCQUFxQixHQUFLSixjQUFjLENBQXhDSSxxQkFBcUI7RUFDM0MsSUFBQUMscUJBQUEsR0FBOEJ2QixvQkFBb0IsQ0FBQyxDQUFDO0lBQTVDd0IsUUFBUSxHQUFBRCxxQkFBQSxDQUFSQyxRQUFRO0lBQUVDLE9BQU8sR0FBQUYscUJBQUEsQ0FBUEUsT0FBTztFQUN6QixJQUFNQyxZQUFZLEdBQUdQLFdBQVcsSUFBSUMsUUFBUTtFQUM1QyxvQkFDRWQsS0FBQSxDQUFBRSxTQUFBO0lBQUFtQixRQUFBLGdCQUNFckIsS0FBQTtNQUNFc0IsU0FBUyxvQ0FBQUMsTUFBQSxDQUFvQ2Isa0JBQWtCLElBQUksRUFBRSxDQUFHO01BQUFXLFFBQUEsZ0JBRXhFckIsS0FBQTtRQUNFd0IsS0FBSyxFQUFFO1VBQUVDLE9BQU8sRUFBRSxhQUFhO1VBQUVDLFVBQVUsRUFBRSxRQUFRO1VBQUVDLEdBQUcsRUFBRTtRQUFNLENBQUU7UUFDcEVMLFNBQVMsdUNBQUFDLE1BQUEsQ0FBdUNiLGtCQUFrQixHQUFHQSxrQkFBa0IsR0FBRyxRQUFRLEdBQUcsRUFBRSxDQUNsRztRQUFBVyxRQUFBLE1BQUFFLE1BQUEsRUFBQWxCLG9CQUFBLEdBRURPLGNBQWMsYUFBZEEsY0FBYyx1QkFBZEEsY0FBYyxDQUFFTCxJQUFJLGNBQUFGLG9CQUFBLGNBQUFBLG9CQUFBLEdBQUksRUFBRSxRQUM3QmMsT0FBTyxJQUFJUixJQUFJLGdCQUNkYixJQUFBLENBQUNILFNBQVM7VUFBQ2lDLFFBQVEsRUFBQyxTQUFTO1VBQUNOLFNBQVMsRUFBQztRQUFtQixDQUFFLENBQUMsR0FDNURKLFFBQVEsSUFBSVosYUFBYSxHQUMzQixFQUFFLEdBQ0FjLFlBQVksSUFBSSxDQUFDSixxQkFBcUIsZ0JBQ3hDbEIsSUFBQTtVQUFNd0IsU0FBUyxFQUFDLHlDQUF5QztVQUFBRCxRQUFBLEVBQ3REN0IsbUJBQW1CLENBQUNpQixTQUFTO1FBQUMsQ0FDM0IsQ0FBQyxHQUVQLEVBQ0Q7TUFBQSxDQUNFLENBQUMsZUFDTlgsSUFBQSxDQUFDTCwrQkFBK0I7UUFBQ2MsSUFBSSxFQUFFQSxJQUFLO1FBQUNFLFNBQVMsRUFBRUE7TUFBVSxDQUFFLENBQUM7SUFBQSxDQUNsRSxDQUFDLEVBQ0xNLFlBQVksaUJBQ1hqQixJQUFBLENBQUNGLCtCQUErQjtNQUFDbUIsWUFBWSxFQUFFQTtJQUFhLENBQUUsQ0FDL0Q7RUFBQSxDQUNELENBQUM7QUFFUDtBQUVBLGVBQWVaLGNBQWMifQ==