merchi_checkout/lib/components/merchi_image_editor/MerchiImageEditor.js

Merchi's custom checkout step form

import ImageEditor from './ImageEditor';
import EditorImages from './EditorImages';
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function MerchiImageEditor(_ref) {
  var activeTemplateIndex = _ref.activeTemplateIndex,
    clientFiles = _ref.clientFiles,
    draftTemplates = _ref.draftTemplates,
    _editDraftTemplate = _ref.editDraftTemplate,
    setActiveTemplateIndex = _ref.setActiveTemplateIndex,
    setClientFiles = _ref.setClientFiles;
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(EditorImages, {
      activeIndex: activeTemplateIndex,
      draftTemplates: draftTemplates,
      setActiveTemplateIndex: setActiveTemplateIndex
    }), /*#__PURE__*/_jsx("div", {
      style: {
        border: '1px solid f0f0f0',
        padding: 10,
        margin: '10px 0',
        borderRadius: 10,
        boxShadow: '0px 5px 20px rgba(0,0,0,0.05)'
      },
      children: draftTemplates.map(function (t, index) {
        return /*#__PURE__*/_jsx(ImageEditor, {
          clientFiles: clientFiles,
          editDraftTemplate: function editDraftTemplate(merchiFile) {
            return _editDraftTemplate(index, merchiFile);
          },
          draftTemplate: t,
          isActive: activeTemplateIndex === index,
          setClientFiles: setClientFiles
        }, index);
      })
    })]
  });
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJbWFnZUVkaXRvciIsIkVkaXRvckltYWdlcyIsImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsImpzeHMiLCJfanN4cyIsIk1lcmNoaUltYWdlRWRpdG9yIiwiX3JlZiIsImFjdGl2ZVRlbXBsYXRlSW5kZXgiLCJjbGllbnRGaWxlcyIsImRyYWZ0VGVtcGxhdGVzIiwiZWRpdERyYWZ0VGVtcGxhdGUiLCJzZXRBY3RpdmVUZW1wbGF0ZUluZGV4Iiwic2V0Q2xpZW50RmlsZXMiLCJjaGlsZHJlbiIsImFjdGl2ZUluZGV4Iiwic3R5bGUiLCJib3JkZXIiLCJwYWRkaW5nIiwibWFyZ2luIiwiYm9yZGVyUmFkaXVzIiwiYm94U2hhZG93IiwibWFwIiwidCIsImluZGV4IiwibWVyY2hpRmlsZSIsImRyYWZ0VGVtcGxhdGUiLCJpc0FjdGl2ZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lcmNoaV9pbWFnZV9lZGl0b3IvTWVyY2hpSW1hZ2VFZGl0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBJbWFnZUVkaXRvciBmcm9tICcuL0ltYWdlRWRpdG9yJztcbmltcG9ydCBFZGl0b3JJbWFnZXMgZnJvbSAnLi9FZGl0b3JJbWFnZXMnO1xuXG5pbnRlcmZhY2UgQ2xpZW50RmlsZUFuZE9iamVjdElkIHtcbiAgZmlsZTogYW55O1xuICBvYmplY3RJZDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhY3RpdmVUZW1wbGF0ZUluZGV4OiBudW1iZXI7XG4gIGNsaWVudEZpbGVzOiBbXTtcbiAgZHJhZnRUZW1wbGF0ZXM6IGFueVtdO1xuICBlZGl0RHJhZnRUZW1wbGF0ZTogKGluZGV4OiBudW1iZXIsIGZpbGU6IGFueSkgPT4gdm9pZDtcbiAgc2V0QWN0aXZlVGVtcGxhdGVJbmRleDogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG4gIHNldENsaWVudEZpbGVzOiAoY2xpZW50RmlsZXM6IENsaWVudEZpbGVBbmRPYmplY3RJZFtdKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBNZXJjaGlJbWFnZUVkaXRvcih7XG4gIGFjdGl2ZVRlbXBsYXRlSW5kZXgsXG4gIGNsaWVudEZpbGVzLFxuICBkcmFmdFRlbXBsYXRlcyxcbiAgZWRpdERyYWZ0VGVtcGxhdGUsXG4gIHNldEFjdGl2ZVRlbXBsYXRlSW5kZXgsXG4gIHNldENsaWVudEZpbGVzLFxufTogUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEVkaXRvckltYWdlc1xuICAgICAgICBhY3RpdmVJbmRleD17YWN0aXZlVGVtcGxhdGVJbmRleH1cbiAgICAgICAgZHJhZnRUZW1wbGF0ZXM9e2RyYWZ0VGVtcGxhdGVzfVxuICAgICAgICBzZXRBY3RpdmVUZW1wbGF0ZUluZGV4PXtzZXRBY3RpdmVUZW1wbGF0ZUluZGV4fVxuICAgICAgLz5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgZjBmMGYwJyxcbiAgICAgICAgICBwYWRkaW5nOiAxMCxcbiAgICAgICAgICBtYXJnaW46ICcxMHB4IDAnLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogMTAsXG4gICAgICAgICAgYm94U2hhZG93OiAnMHB4IDVweCAyMHB4IHJnYmEoMCwwLDAsMC4wNSknLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7ZHJhZnRUZW1wbGF0ZXMubWFwKCh0OiBhbnksIGluZGV4OiBudW1iZXIpID0+IChcbiAgICAgICAgICA8SW1hZ2VFZGl0b3JcbiAgICAgICAgICAgIGNsaWVudEZpbGVzPXtjbGllbnRGaWxlc31cbiAgICAgICAgICAgIGVkaXREcmFmdFRlbXBsYXRlPXsobWVyY2hpRmlsZTogYW55KSA9PlxuICAgICAgICAgICAgICBlZGl0RHJhZnRUZW1wbGF0ZShpbmRleCwgbWVyY2hpRmlsZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICBkcmFmdFRlbXBsYXRlPXt0fVxuICAgICAgICAgICAgaXNBY3RpdmU9e2FjdGl2ZVRlbXBsYXRlSW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgc2V0Q2xpZW50RmlsZXM9e3NldENsaWVudEZpbGVzfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gICk7XG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsTUFBTSxlQUFlO0FBQ3ZDLE9BQU9DLFlBQVksTUFBTSxnQkFBZ0I7QUFBQyxTQUFBQyxHQUFBLElBQUFDLElBQUE7QUFBQSxTQUFBQyxRQUFBLElBQUFDLFNBQUE7QUFBQSxTQUFBQyxJQUFBLElBQUFDLEtBQUE7QUFnQjFDLGVBQWUsU0FBU0MsaUJBQWlCQSxDQUFBQyxJQUFBLEVBTy9CO0VBQUEsSUFOUkMsbUJBQW1CLEdBQUFELElBQUEsQ0FBbkJDLG1CQUFtQjtJQUNuQkMsV0FBVyxHQUFBRixJQUFBLENBQVhFLFdBQVc7SUFDWEMsY0FBYyxHQUFBSCxJQUFBLENBQWRHLGNBQWM7SUFDZEMsa0JBQWlCLEdBQUFKLElBQUEsQ0FBakJJLGlCQUFpQjtJQUNqQkMsc0JBQXNCLEdBQUFMLElBQUEsQ0FBdEJLLHNCQUFzQjtJQUN0QkMsY0FBYyxHQUFBTixJQUFBLENBQWRNLGNBQWM7RUFFZCxvQkFDRVIsS0FBQSxDQUFBRixTQUFBO0lBQUFXLFFBQUEsZ0JBQ0ViLElBQUEsQ0FBQ0YsWUFBWTtNQUNYZ0IsV0FBVyxFQUFFUCxtQkFBb0I7TUFDakNFLGNBQWMsRUFBRUEsY0FBZTtNQUMvQkUsc0JBQXNCLEVBQUVBO0lBQXVCLENBQ2hELENBQUMsZUFDRlgsSUFBQTtNQUNFZSxLQUFLLEVBQUU7UUFDTEMsTUFBTSxFQUFFLGtCQUFrQjtRQUMxQkMsT0FBTyxFQUFFLEVBQUU7UUFDWEMsTUFBTSxFQUFFLFFBQVE7UUFDaEJDLFlBQVksRUFBRSxFQUFFO1FBQ2hCQyxTQUFTLEVBQUU7TUFDYixDQUFFO01BQUFQLFFBQUEsRUFFREosY0FBYyxDQUFDWSxHQUFHLENBQUMsVUFBQ0MsQ0FBTSxFQUFFQyxLQUFhO1FBQUEsb0JBQ3hDdkIsSUFBQSxDQUFDSCxXQUFXO1VBQ1ZXLFdBQVcsRUFBRUEsV0FBWTtVQUN6QkUsaUJBQWlCLEVBQUUsU0FBQUEsa0JBQUNjLFVBQWU7WUFBQSxPQUNqQ2Qsa0JBQWlCLENBQUNhLEtBQUssRUFBRUMsVUFBVSxDQUFDO1VBQUEsQ0FDckM7VUFFREMsYUFBYSxFQUFFSCxDQUFFO1VBQ2pCSSxRQUFRLEVBQUVuQixtQkFBbUIsS0FBS2dCLEtBQU07VUFDeENYLGNBQWMsRUFBRUE7UUFBZSxHQUgxQlcsS0FJTixDQUFDO01BQUEsQ0FDSDtJQUFDLENBQ0MsQ0FBQztFQUFBLENBQ04sQ0FBQztBQUVQIn0=