merchi_product_form/lib/components/buttons/ButtonAddGroup.js

A React component for Merchi product forms

'use client';

import * as React from 'react';
import { CgSpinner } from 'react-icons/cg';
import { FaPlus } from 'react-icons/fa';
import { useMerchiFormContext } from '../../context/MerchiProductFormProvider';
import { buildEmptyVariationGroup } from '../utils';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ButtonAddGroup(_ref) {
  var addGroup = _ref.addGroup,
    disabled = _ref.disabled;
  var _useMerchiFormContext = useMerchiFormContext(),
    classNameButtonGroupAdd = _useMerchiFormContext.classNameButtonGroupAdd,
    getQuote = _useMerchiFormContext.getQuote,
    loading = _useMerchiFormContext.loading,
    product = _useMerchiFormContext.product;
  return /*#__PURE__*/_jsxs("button", {
    className: "".concat(classNameButtonGroupAdd, " merchi-embed-form_product-group-button-add-group"),
    color: "white",
    onClick: function onClick() {
      var newGroup = buildEmptyVariationGroup(product);
      addGroup(newGroup);
      getQuote();
    },
    disabled: loading || disabled,
    children: [loading ? /*#__PURE__*/_jsx(CgSpinner, {
      fontSize: "1rem",
      className: "animate_spin mr-1"
    }) : /*#__PURE__*/_jsx(FaPlus, {
      fontSize: "1rem",
      className: "mr-1"
    }), "New group"]
  });
}
export default ButtonAddGroup;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNnU3Bpbm5lciIsIkZhUGx1cyIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiYnVpbGRFbXB0eVZhcmlhdGlvbkdyb3VwIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkJ1dHRvbkFkZEdyb3VwIiwiX3JlZiIsImFkZEdyb3VwIiwiZGlzYWJsZWQiLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQiLCJjbGFzc05hbWVCdXR0b25Hcm91cEFkZCIsImdldFF1b3RlIiwibG9hZGluZyIsInByb2R1Y3QiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJjb2xvciIsIm9uQ2xpY2siLCJuZXdHcm91cCIsImNoaWxkcmVuIiwiZm9udFNpemUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b25zL0J1dHRvbkFkZEdyb3VwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XHJcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xyXG5pbXBvcnQgeyBGYVBsdXMgfSBmcm9tICdyZWFjdC1pY29ucy9mYSc7XHJcblxyXG5pbXBvcnQgeyB1c2VNZXJjaGlGb3JtQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvbnRleHQvTWVyY2hpUHJvZHVjdEZvcm1Qcm92aWRlcic7XHJcbmltcG9ydCB7IGJ1aWxkRW1wdHlWYXJpYXRpb25Hcm91cCB9IGZyb20gJy4uL3V0aWxzJztcclxuXHJcbmludGVyZmFjZSBQcm9wcyB7XHJcbiAgYWRkR3JvdXA6IChuZXdHcm91cDogYW55KSA9PiB2b2lkO1xyXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuZnVuY3Rpb24gQnV0dG9uQWRkR3JvdXAoeyBhZGRHcm91cCwgZGlzYWJsZWQgfTogUHJvcHMpIHtcclxuICBjb25zdCB7XHJcbiAgICBjbGFzc05hbWVCdXR0b25Hcm91cEFkZCxcclxuICAgIGdldFF1b3RlLFxyXG4gICAgbG9hZGluZyxcclxuICAgIHByb2R1Y3QsXHJcbiAgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XHJcbiAgcmV0dXJuIChcclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3NOYW1lPXtgJHtjbGFzc05hbWVCdXR0b25Hcm91cEFkZH0gbWVyY2hpLWVtYmVkLWZvcm1fcHJvZHVjdC1ncm91cC1idXR0b24tYWRkLWdyb3VwYH1cclxuICAgICAgY29sb3I9J3doaXRlJ1xyXG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgbmV3R3JvdXAgPSBidWlsZEVtcHR5VmFyaWF0aW9uR3JvdXAocHJvZHVjdCk7XHJcbiAgICAgICAgYWRkR3JvdXAobmV3R3JvdXApO1xyXG4gICAgICAgIGdldFF1b3RlKCk7XHJcbiAgICAgIH19XHJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8IGRpc2FibGVkfVxyXG4gICAgPlxyXG4gICAgICB7bG9hZGluZyA/IChcclxuICAgICAgICA8Q2dTcGlubmVyIGZvbnRTaXplPScxcmVtJyBjbGFzc05hbWU9J2FuaW1hdGVfc3BpbiBtci0xJyAvPlxyXG4gICAgICApIDogKFxyXG4gICAgICAgIDxGYVBsdXMgZm9udFNpemU9JzFyZW0nIGNsYXNzTmFtZT0nbXItMScgLz5cclxuICAgICAgKX1cclxuICAgICAgTmV3IGdyb3VwXHJcbiAgICA8L2J1dHRvbj5cclxuICApO1xyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBCdXR0b25BZGRHcm91cDtcclxuIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZOztBQUNaLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsU0FBUyxRQUFRLGdCQUFnQjtBQUMxQyxTQUFTQyxNQUFNLFFBQVEsZ0JBQWdCO0FBRXZDLFNBQVNDLG9CQUFvQixRQUFRLHlDQUF5QztBQUM5RSxTQUFTQyx3QkFBd0IsUUFBUSxVQUFVO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQU9wRCxTQUFTQyxjQUFjQSxDQUFBQyxJQUFBLEVBQWdDO0VBQUEsSUFBN0JDLFFBQVEsR0FBQUQsSUFBQSxDQUFSQyxRQUFRO0lBQUVDLFFBQVEsR0FBQUYsSUFBQSxDQUFSRSxRQUFRO0VBQzFDLElBQUFDLHFCQUFBLEdBS0lWLG9CQUFvQixDQUFDLENBQUM7SUFKeEJXLHVCQUF1QixHQUFBRCxxQkFBQSxDQUF2QkMsdUJBQXVCO0lBQ3ZCQyxRQUFRLEdBQUFGLHFCQUFBLENBQVJFLFFBQVE7SUFDUkMsT0FBTyxHQUFBSCxxQkFBQSxDQUFQRyxPQUFPO0lBQ1BDLE9BQU8sR0FBQUoscUJBQUEsQ0FBUEksT0FBTztFQUVULG9CQUNFVCxLQUFBO0lBQ0VVLFNBQVMsS0FBQUMsTUFBQSxDQUFLTCx1QkFBdUIsc0RBQW9EO0lBQ3pGTSxLQUFLLEVBQUMsT0FBTztJQUNiQyxPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBQSxFQUFRO01BQ2IsSUFBTUMsUUFBUSxHQUFHbEIsd0JBQXdCLENBQUNhLE9BQU8sQ0FBQztNQUNsRE4sUUFBUSxDQUFDVyxRQUFRLENBQUM7TUFDbEJQLFFBQVEsQ0FBQyxDQUFDO0lBQ1osQ0FBRTtJQUNGSCxRQUFRLEVBQUVJLE9BQU8sSUFBSUosUUFBUztJQUFBVyxRQUFBLEdBRTdCUCxPQUFPLGdCQUNOVixJQUFBLENBQUNMLFNBQVM7TUFBQ3VCLFFBQVEsRUFBQyxNQUFNO01BQUNOLFNBQVMsRUFBQztJQUFtQixDQUFFLENBQUMsZ0JBRTNEWixJQUFBLENBQUNKLE1BQU07TUFBQ3NCLFFBQVEsRUFBQyxNQUFNO01BQUNOLFNBQVMsRUFBQztJQUFNLENBQUUsQ0FDM0MsRUFBQyxXQUVKO0VBQUEsQ0FBUSxDQUFDO0FBRWI7QUFFQSxlQUFlVCxjQUFjIiwiaWdub3JlTGlzdCI6W119