@bigbinary/neeto-molecules 1.15.38 → 1.15.39

package/dist/OptionFields.js

@@ -0,0 +1,1011 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import React__default, { useState } from 'react';
+import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
+import { isNotEmpty, capitalize, noop, slugify } from '@bigbinary/neeto-cist';
+import { Reorder, Edit, Delete, ImageUpload, Plus } from '@bigbinary/neeto-icons';
+import { Typography, Button, Modal, Textarea, Input } from '@bigbinary/neetoui';
+import { reject, prop, isEmpty, assocPath, remove, move, append, path, last, pluck } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import { useFormikContext } from 'formik';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var DragHandle = function DragHandle(props) {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: "neeto-ui-text-gray-400 absolute bottom-0 left-0 top-0 my-auto -ml-6 h-6 cursor-grab opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100",
+    "data-cy": "drag-handle",
+    "data-testid": "drag-handle"
+  }, props), /*#__PURE__*/React__default.createElement(Reorder, {
+    size: 24,
+    strokeWidth: 2
+  }));
+};
+
+var BlockOption = withT(function (_ref) {
+  var t = _ref.t,
+    innerRef = _ref.innerRef,
+    _ref$hideDeleteOption = _ref.hideDeleteOption,
+    hideDeleteOption = _ref$hideDeleteOption === void 0 ? false : _ref$hideDeleteOption,
+    draggableProps = _ref.draggableProps,
+    dragHandleProps = _ref.dragHandleProps,
+    label = _ref.label,
+    index = _ref.index,
+    onEdit = _ref.onEdit,
+    handleDeleteClick = _ref.handleDeleteClick;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: innerRef
+  }, draggableProps, dragHandleProps), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-border-gray-400 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-sm shadow-xs group relative mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-colors duration-300 ease-in-out",
+    "data-cy": "address-field-block"
+  }, /*#__PURE__*/React__default.createElement(DragHandle, dragHandleProps), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "flex-grow leading-4",
+    "data-cy": "address-text-field",
+    "data-testid": "address-text-field",
+    style: "body2"
+  }, label), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center justify-end gap-2 opacity-0 group-hover:opacity-100"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    className: "neeto-ui-rounded hover:neeto-ui-bg-gray-400 p-1",
+    "data-cy": "address-field-edit-button",
+    "data-testid": "address-field-edit-button",
+    icon: Edit,
+    size: "small",
+    style: "text",
+    tooltipProps: {
+      content: t("neetoMolecules.common.actions.edit"),
+      position: "top"
+    },
+    onClick: function onClick() {
+      return onEdit(index);
+    }
+  }), !hideDeleteOption && /*#__PURE__*/React__default.createElement(Button, {
+    className: "neeto-ui-rounded hover:neeto-ui-bg-gray-400 p-1",
+    "data-cy": "address-field-delete-button",
+    "data-testid": "address-field-delete-button",
+    icon: Delete,
+    size: "small",
+    style: "text",
+    tooltipProps: {
+      content: t("neetoMolecules.common.actions.delete"),
+      position: "top"
+    },
+    onClick: function onClick() {
+      return handleDeleteClick({
+        index: index
+      });
+    }
+  }))));
+});
+
+var BulkOptionModal = function BulkOptionModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleBulkAdd = _ref.handleBulkAdd,
+    bulkAddHelpDocUrl = _ref.bulkAddHelpDocUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    optionsString = _useState2[0],
+    setOptionsString = _useState2[1];
+  var handleSave = function handleSave() {
+    handleBulkAdd(optionsString);
+    handleClose();
+  };
+  var handleClose = function handleClose() {
+    setOptionsString("");
+    onClose();
+  };
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    isOpen: isOpen,
+    onClose: handleClose
+  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h3"
+  }, t("neetoMolecules.optionFields.bulkOption.title"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Textarea, {
+    className: "my-2",
+    "data-cy": "bulk-add-options-textarea",
+    "data-testid": "bulk-add-options-textarea",
+    label: t("neetoMolecules.optionFields.bulkOption.label"),
+    placeholder: t("neetoMolecules.optionFields.bulkOption.label"),
+    rows: 8,
+    value: optionsString,
+    helpText: /*#__PURE__*/React__default.createElement(Trans, {
+      i18nKey: "neetoMolecules.optionFields.bulkOption.helpText",
+      components: {
+        Link: /*#__PURE__*/React__default.createElement(Button, {
+          className: "text-xs",
+          href: bulkAddHelpDocUrl,
+          style: "link",
+          target: "_blank"
+        })
+      }
+    }),
+    onChange: function onChange(e) {
+      return setOptionsString(e.target.value);
+    }
+  })), /*#__PURE__*/React__default.createElement(Modal.Footer, {
+    className: "gap-x-2"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "bulk-add-options-done-button",
+    "data-testid": "bulk-add-options-done-button",
+    label: t("neetoMolecules.common.actions.submit"),
+    onClick: handleSave
+  }), /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "bulk-add-options-cancel-button",
+    "data-testid": "bulk-add-options-cancel-button",
+    label: t("neetoMolecules.common.actions.cancel"),
+    style: "text",
+    onClick: handleClose
+  })));
+};
+
+function commonjsRequire(path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+var pluralize$1 = {exports: {}};
+
+/* global define */
+
+(function (module, exports) {
+	(function (root, pluralize) {
+	  /* istanbul ignore else */
+	  if (typeof commonjsRequire === 'function' && 'object' === 'object' && 'object' === 'object') {
+	    // Node.
+	    module.exports = pluralize();
+	  } else {
+	    // Browser global.
+	    root.pluralize = pluralize();
+	  }
+	})(commonjsGlobal, function () {
+	  // Rule storage - pluralize and singularize need to be run sequentially,
+	  // while other rules can be optimized using an object for instant lookups.
+	  var pluralRules = [];
+	  var singularRules = [];
+	  var uncountables = {};
+	  var irregularPlurals = {};
+	  var irregularSingles = {};
+
+	  /**
+	   * Sanitize a pluralization rule to a usable regular expression.
+	   *
+	   * @param  {(RegExp|string)} rule
+	   * @return {RegExp}
+	   */
+	  function sanitizeRule (rule) {
+	    if (typeof rule === 'string') {
+	      return new RegExp('^' + rule + '$', 'i');
+	    }
+
+	    return rule;
+	  }
+
+	  /**
+	   * Pass in a word token to produce a function that can replicate the case on
+	   * another word.
+	   *
+	   * @param  {string}   word
+	   * @param  {string}   token
+	   * @return {Function}
+	   */
+	  function restoreCase (word, token) {
+	    // Tokens are an exact match.
+	    if (word === token) return token;
+
+	    // Lower cased words. E.g. "hello".
+	    if (word === word.toLowerCase()) return token.toLowerCase();
+
+	    // Upper cased words. E.g. "WHISKY".
+	    if (word === word.toUpperCase()) return token.toUpperCase();
+
+	    // Title cased words. E.g. "Title".
+	    if (word[0] === word[0].toUpperCase()) {
+	      return token.charAt(0).toUpperCase() + token.substr(1).toLowerCase();
+	    }
+
+	    // Lower cased words. E.g. "test".
+	    return token.toLowerCase();
+	  }
+
+	  /**
+	   * Interpolate a regexp string.
+	   *
+	   * @param  {string} str
+	   * @param  {Array}  args
+	   * @return {string}
+	   */
+	  function interpolate (str, args) {
+	    return str.replace(/\$(\d{1,2})/g, function (match, index) {
+	      return args[index] || '';
+	    });
+	  }
+
+	  /**
+	   * Replace a word using a rule.
+	   *
+	   * @param  {string} word
+	   * @param  {Array}  rule
+	   * @return {string}
+	   */
+	  function replace (word, rule) {
+	    return word.replace(rule[0], function (match, index) {
+	      var result = interpolate(rule[1], arguments);
+
+	      if (match === '') {
+	        return restoreCase(word[index - 1], result);
+	      }
+
+	      return restoreCase(match, result);
+	    });
+	  }
+
+	  /**
+	   * Sanitize a word by passing in the word and sanitization rules.
+	   *
+	   * @param  {string}   token
+	   * @param  {string}   word
+	   * @param  {Array}    rules
+	   * @return {string}
+	   */
+	  function sanitizeWord (token, word, rules) {
+	    // Empty string or doesn't need fixing.
+	    if (!token.length || uncountables.hasOwnProperty(token)) {
+	      return word;
+	    }
+
+	    var len = rules.length;
+
+	    // Iterate over the sanitization rules and use the first one to match.
+	    while (len--) {
+	      var rule = rules[len];
+
+	      if (rule[0].test(word)) return replace(word, rule);
+	    }
+
+	    return word;
+	  }
+
+	  /**
+	   * Replace a word with the updated word.
+	   *
+	   * @param  {Object}   replaceMap
+	   * @param  {Object}   keepMap
+	   * @param  {Array}    rules
+	   * @return {Function}
+	   */
+	  function replaceWord (replaceMap, keepMap, rules) {
+	    return function (word) {
+	      // Get the correct token and case restoration functions.
+	      var token = word.toLowerCase();
+
+	      // Check against the keep object map.
+	      if (keepMap.hasOwnProperty(token)) {
+	        return restoreCase(word, token);
+	      }
+
+	      // Check against the replacement map for a direct word replacement.
+	      if (replaceMap.hasOwnProperty(token)) {
+	        return restoreCase(word, replaceMap[token]);
+	      }
+
+	      // Run all the rules against the word.
+	      return sanitizeWord(token, word, rules);
+	    };
+	  }
+
+	  /**
+	   * Check if a word is part of the map.
+	   */
+	  function checkWord (replaceMap, keepMap, rules, bool) {
+	    return function (word) {
+	      var token = word.toLowerCase();
+
+	      if (keepMap.hasOwnProperty(token)) return true;
+	      if (replaceMap.hasOwnProperty(token)) return false;
+
+	      return sanitizeWord(token, token, rules) === token;
+	    };
+	  }
+
+	  /**
+	   * Pluralize or singularize a word based on the passed in count.
+	   *
+	   * @param  {string}  word      The word to pluralize
+	   * @param  {number}  count     How many of the word exist
+	   * @param  {boolean} inclusive Whether to prefix with the number (e.g. 3 ducks)
+	   * @return {string}
+	   */
+	  function pluralize (word, count, inclusive) {
+	    var pluralized = count === 1
+	      ? pluralize.singular(word) : pluralize.plural(word);
+
+	    return (inclusive ? count + ' ' : '') + pluralized;
+	  }
+
+	  /**
+	   * Pluralize a word.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.plural = replaceWord(
+	    irregularSingles, irregularPlurals, pluralRules
+	  );
+
+	  /**
+	   * Check if a word is plural.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.isPlural = checkWord(
+	    irregularSingles, irregularPlurals, pluralRules
+	  );
+
+	  /**
+	   * Singularize a word.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.singular = replaceWord(
+	    irregularPlurals, irregularSingles, singularRules
+	  );
+
+	  /**
+	   * Check if a word is singular.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.isSingular = checkWord(
+	    irregularPlurals, irregularSingles, singularRules
+	  );
+
+	  /**
+	   * Add a pluralization rule to the collection.
+	   *
+	   * @param {(string|RegExp)} rule
+	   * @param {string}          replacement
+	   */
+	  pluralize.addPluralRule = function (rule, replacement) {
+	    pluralRules.push([sanitizeRule(rule), replacement]);
+	  };
+
+	  /**
+	   * Add a singularization rule to the collection.
+	   *
+	   * @param {(string|RegExp)} rule
+	   * @param {string}          replacement
+	   */
+	  pluralize.addSingularRule = function (rule, replacement) {
+	    singularRules.push([sanitizeRule(rule), replacement]);
+	  };
+
+	  /**
+	   * Add an uncountable word rule.
+	   *
+	   * @param {(string|RegExp)} word
+	   */
+	  pluralize.addUncountableRule = function (word) {
+	    if (typeof word === 'string') {
+	      uncountables[word.toLowerCase()] = true;
+	      return;
+	    }
+
+	    // Set singular and plural references for the word.
+	    pluralize.addPluralRule(word, '$0');
+	    pluralize.addSingularRule(word, '$0');
+	  };
+
+	  /**
+	   * Add an irregular word definition.
+	   *
+	   * @param {string} single
+	   * @param {string} plural
+	   */
+	  pluralize.addIrregularRule = function (single, plural) {
+	    plural = plural.toLowerCase();
+	    single = single.toLowerCase();
+
+	    irregularSingles[single] = plural;
+	    irregularPlurals[plural] = single;
+	  };
+
+	  /**
+	   * Irregular rules.
+	   */
+	  [
+	    // Pronouns.
+	    ['I', 'we'],
+	    ['me', 'us'],
+	    ['he', 'they'],
+	    ['she', 'they'],
+	    ['them', 'them'],
+	    ['myself', 'ourselves'],
+	    ['yourself', 'yourselves'],
+	    ['itself', 'themselves'],
+	    ['herself', 'themselves'],
+	    ['himself', 'themselves'],
+	    ['themself', 'themselves'],
+	    ['is', 'are'],
+	    ['was', 'were'],
+	    ['has', 'have'],
+	    ['this', 'these'],
+	    ['that', 'those'],
+	    // Words ending in with a consonant and `o`.
+	    ['echo', 'echoes'],
+	    ['dingo', 'dingoes'],
+	    ['volcano', 'volcanoes'],
+	    ['tornado', 'tornadoes'],
+	    ['torpedo', 'torpedoes'],
+	    // Ends with `us`.
+	    ['genus', 'genera'],
+	    ['viscus', 'viscera'],
+	    // Ends with `ma`.
+	    ['stigma', 'stigmata'],
+	    ['stoma', 'stomata'],
+	    ['dogma', 'dogmata'],
+	    ['lemma', 'lemmata'],
+	    ['schema', 'schemata'],
+	    ['anathema', 'anathemata'],
+	    // Other irregular rules.
+	    ['ox', 'oxen'],
+	    ['axe', 'axes'],
+	    ['die', 'dice'],
+	    ['yes', 'yeses'],
+	    ['foot', 'feet'],
+	    ['eave', 'eaves'],
+	    ['goose', 'geese'],
+	    ['tooth', 'teeth'],
+	    ['quiz', 'quizzes'],
+	    ['human', 'humans'],
+	    ['proof', 'proofs'],
+	    ['carve', 'carves'],
+	    ['valve', 'valves'],
+	    ['looey', 'looies'],
+	    ['thief', 'thieves'],
+	    ['groove', 'grooves'],
+	    ['pickaxe', 'pickaxes'],
+	    ['passerby', 'passersby']
+	  ].forEach(function (rule) {
+	    return pluralize.addIrregularRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Pluralization rules.
+	   */
+	  [
+	    [/s?$/i, 's'],
+	    [/[^\u0000-\u007F]$/i, '$0'],
+	    [/([^aeiou]ese)$/i, '$1'],
+	    [/(ax|test)is$/i, '$1es'],
+	    [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, '$1es'],
+	    [/(e[mn]u)s?$/i, '$1s'],
+	    [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, '$1'],
+	    [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, '$1i'],
+	    [/(alumn|alg|vertebr)(?:a|ae)$/i, '$1ae'],
+	    [/(seraph|cherub)(?:im)?$/i, '$1im'],
+	    [/(her|at|gr)o$/i, '$1oes'],
+	    [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, '$1a'],
+	    [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, '$1a'],
+	    [/sis$/i, 'ses'],
+	    [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, '$1$2ves'],
+	    [/([^aeiouy]|qu)y$/i, '$1ies'],
+	    [/([^ch][ieo][ln])ey$/i, '$1ies'],
+	    [/(x|ch|ss|sh|zz)$/i, '$1es'],
+	    [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, '$1ices'],
+	    [/\b((?:tit)?m|l)(?:ice|ouse)$/i, '$1ice'],
+	    [/(pe)(?:rson|ople)$/i, '$1ople'],
+	    [/(child)(?:ren)?$/i, '$1ren'],
+	    [/eaux$/i, '$0'],
+	    [/m[ae]n$/i, 'men'],
+	    ['thou', 'you']
+	  ].forEach(function (rule) {
+	    return pluralize.addPluralRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Singularization rules.
+	   */
+	  [
+	    [/s$/i, ''],
+	    [/(ss)$/i, '$1'],
+	    [/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, '$1fe'],
+	    [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, '$1f'],
+	    [/ies$/i, 'y'],
+	    [/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, '$1ie'],
+	    [/\b(mon|smil)ies$/i, '$1ey'],
+	    [/\b((?:tit)?m|l)ice$/i, '$1ouse'],
+	    [/(seraph|cherub)im$/i, '$1'],
+	    [/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, '$1'],
+	    [/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, '$1sis'],
+	    [/(movie|twelve|abuse|e[mn]u)s$/i, '$1'],
+	    [/(test)(?:is|es)$/i, '$1is'],
+	    [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, '$1us'],
+	    [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, '$1um'],
+	    [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, '$1on'],
+	    [/(alumn|alg|vertebr)ae$/i, '$1a'],
+	    [/(cod|mur|sil|vert|ind)ices$/i, '$1ex'],
+	    [/(matr|append)ices$/i, '$1ix'],
+	    [/(pe)(rson|ople)$/i, '$1rson'],
+	    [/(child)ren$/i, '$1'],
+	    [/(eau)x?$/i, '$1'],
+	    [/men$/i, 'man']
+	  ].forEach(function (rule) {
+	    return pluralize.addSingularRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Uncountable rules.
+	   */
+	  [
+	    // Singular words with no plurals.
+	    'adulthood',
+	    'advice',
+	    'agenda',
+	    'aid',
+	    'aircraft',
+	    'alcohol',
+	    'ammo',
+	    'analytics',
+	    'anime',
+	    'athletics',
+	    'audio',
+	    'bison',
+	    'blood',
+	    'bream',
+	    'buffalo',
+	    'butter',
+	    'carp',
+	    'cash',
+	    'chassis',
+	    'chess',
+	    'clothing',
+	    'cod',
+	    'commerce',
+	    'cooperation',
+	    'corps',
+	    'debris',
+	    'diabetes',
+	    'digestion',
+	    'elk',
+	    'energy',
+	    'equipment',
+	    'excretion',
+	    'expertise',
+	    'firmware',
+	    'flounder',
+	    'fun',
+	    'gallows',
+	    'garbage',
+	    'graffiti',
+	    'hardware',
+	    'headquarters',
+	    'health',
+	    'herpes',
+	    'highjinks',
+	    'homework',
+	    'housework',
+	    'information',
+	    'jeans',
+	    'justice',
+	    'kudos',
+	    'labour',
+	    'literature',
+	    'machinery',
+	    'mackerel',
+	    'mail',
+	    'media',
+	    'mews',
+	    'moose',
+	    'music',
+	    'mud',
+	    'manga',
+	    'news',
+	    'only',
+	    'personnel',
+	    'pike',
+	    'plankton',
+	    'pliers',
+	    'police',
+	    'pollution',
+	    'premises',
+	    'rain',
+	    'research',
+	    'rice',
+	    'salmon',
+	    'scissors',
+	    'series',
+	    'sewage',
+	    'shambles',
+	    'shrimp',
+	    'software',
+	    'species',
+	    'staff',
+	    'swine',
+	    'tennis',
+	    'traffic',
+	    'transportation',
+	    'trout',
+	    'tuna',
+	    'wealth',
+	    'welfare',
+	    'whiting',
+	    'wildebeest',
+	    'wildlife',
+	    'you',
+	    /pok[eé]mon$/i,
+	    // Regexes.
+	    /[^aeiou]ese$/i, // "chinese", "japanese"
+	    /deer$/i, // "deer", "reindeer"
+	    /fish$/i, // "fish", "blowfish", "angelfish"
+	    /measles$/i,
+	    /o[iu]s$/i, // "carnivorous"
+	    /pox$/i, // "chickpox", "smallpox"
+	    /sheep$/i
+	  ].forEach(pluralize.addUncountableRule);
+
+	  return pluralize;
+	});
+} (pluralize$1));
+
+var pluralize = pluralize$1.exports;
+
+var getVisibleOptions = function getVisibleOptions() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return options.filter(function (option) {
+    return !option.deleted;
+  }).sort(function (a, b) {
+    return a.position - b.position;
+  });
+};
+var filterDeletedRecords = reject(prop("deleted"));
+var randomId = function randomId() {
+  return Math.random().toString(36).substring(2, 13);
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var attachPosition = function attachPosition(options) {
+  return options.map(function (option, index) {
+    return _objectSpread(_objectSpread({}, option), {}, {
+      position: index + 1
+    });
+  });
+};
+var useOptionFields = function useOptionFields(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    shouldDestroy = _ref.shouldDestroy,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name,
+    currentRecord = _ref.currentRecord;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldFocus = _useState2[0],
+    setShouldFocus = _useState2[1];
+  var deletedOptions = options.filter(function (option) {
+    return !!(option !== null && option !== void 0 && option.deleted);
+  });
+  var _useFormikContext = useFormikContext(),
+    initialValues = _useFormikContext.initialValues;
+  var handleChange = function handleChange(index, value) {
+    var isOnBlur = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var draftAttributes = currentRecord === null || currentRecord === void 0 ? void 0 : currentRecord.draftAttributes;
+    var getNextOptions = function getNextOptions() {
+      var _path$index, _path$index2;
+      return assocPath([index, "label"], isOnBlur ? ((_path$index = path(name.split("."), initialValues)[index]) === null || _path$index === void 0 ? void 0 : _path$index.label) || ((_path$index2 = path(name.split("."), draftAttributes)[index]) === null || _path$index2 === void 0 ? void 0 : _path$index2.label) : value, filterDeletedRecords(options));
+    };
+    if (isOnBlur && !isEmpty(value)) return;
+    onChange([].concat(_toConsumableArray(deletedOptions), _toConsumableArray(getNextOptions())));
+  };
+  var generateLabel = function generateLabel(opts, count) {
+    var labelCount = count || opts.length + 1;
+    var tempLabel = "".concat(capitalize(pluralize.singular(last(name.split(".")))), " ").concat(labelCount);
+    var isDuplicateLabel = pluck("label", opts).includes(tempLabel);
+    return isDuplicateLabel ? generateLabel(opts, labelCount + 1) : tempLabel;
+  };
+  var handleDelete = function handleDelete(index) {
+    var nextOptions;
+    var finalOptions;
+    if (shouldDestroy) {
+      nextOptions = assocPath([index, "deleted"], true, filterDeletedRecords(options));
+      finalOptions = attachPosition(filterDeletedRecords(nextOptions));
+    } else {
+      nextOptions = remove(index, 1, options);
+      finalOptions = attachPosition(nextOptions);
+    }
+    onChange([].concat(_toConsumableArray(deletedOptions), _toConsumableArray(finalOptions)));
+  };
+  var handleDragEnd = function handleDragEnd(_ref2) {
+    var source = _ref2.source,
+      destination = _ref2.destination;
+    // When dragged outside of draggable
+    if (destination === null) return;
+    var filteredOptions = filterDeletedRecords(options);
+    var nextOptions = move(source.index, destination.index, filteredOptions);
+    var finalOptions = attachPosition(nextOptions);
+    onChange([].concat(_toConsumableArray(deletedOptions), _toConsumableArray(finalOptions)));
+  };
+  var handleAddOption = function handleAddOption() {
+    setShouldFocus(true);
+    var position = filterDeletedRecords(options).length;
+    var id = randomId();
+    var newOption = {
+      id: "draft-".concat(id),
+      altId: "alt-".concat(id),
+      label: generateLabel(options, null),
+      position: position
+    };
+    var nextOptions = append(newOption, options);
+    onChange(nextOptions);
+  };
+  var handleBulkAddOption = function handleBulkAddOption(optionsString) {
+    setShouldFocus(true);
+    var position = filterDeletedRecords(options).length;
+    var newOptions = optionsString.trim().split(/\r?\n|,/).filter(isNotEmpty).map(function (option, index) {
+      return {
+        id: "draft-".concat(randomId()),
+        altId: "alt-".concat(randomId()),
+        label: option.trim(),
+        position: position + index
+      };
+    });
+    onChange([].concat(_toConsumableArray(options), _toConsumableArray(newOptions)));
+  };
+  var handleKeyDown = function handleKeyDown() {
+    return function (event) {
+      if (event.key !== "Enter") return;
+      var form = event.target.form;
+      var inputs = form.querySelectorAll("input");
+      var currentInput = inputs.indexOf(event.target);
+      if (currentInput >= inputs.length - 1) {
+        handleAddOption();
+      } else {
+        var _inputs;
+        (_inputs = inputs[currentInput + 1]) === null || _inputs === void 0 ? void 0 : _inputs.focus();
+        event.preventDefault();
+      }
+      event.stopPropagation();
+    };
+  };
+  return {
+    shouldFocus: shouldFocus,
+    handleAddOption: handleAddOption,
+    handleBulkAddOption: handleBulkAddOption,
+    handleChange: handleChange,
+    handleKeyDown: handleKeyDown,
+    handleDelete: handleDelete,
+    handleDragEnd: handleDragEnd
+  };
+};
+
+var InputOption = function InputOption(_ref) {
+  var shouldFocus = _ref.shouldFocus,
+    _ref$hideDeleteOption = _ref.hideDeleteOption,
+    hideDeleteOption = _ref$hideDeleteOption === void 0 ? false : _ref$hideDeleteOption,
+    innerRef = _ref.innerRef,
+    draggableProps = _ref.draggableProps,
+    dragHandleProps = _ref.dragHandleProps,
+    isPictureChoice = _ref.isPictureChoice,
+    onKeyDown = _ref.onKeyDown,
+    onDelete = _ref.onDelete,
+    _onChange = _ref.onChange,
+    label = _ref.label,
+    index = _ref.index,
+    disabled = _ref.disabled,
+    isTextArea = _ref.isTextArea;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var Component = isTextArea ? Textarea : Input;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: innerRef
+  }, draggableProps, dragHandleProps, {
+    "data-cy": "form-block-options"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "nf-input-options group relative mb-2 flex items-center gap-2"
+  }, /*#__PURE__*/React__default.createElement(DragHandle, dragHandleProps), isPictureChoice && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, index === 0 ? /*#__PURE__*/React__default.createElement("img", {
+    className: "neeto-ui-rounded-sm h-8 w-8 cursor-pointer overflow-hidden object-cover",
+    "data-testid": "picture-choice-option",
+    src: "https://i.pravatar.cc/300"
+  }) : /*#__PURE__*/React__default.createElement("div", {
+    className: "hover:neeto-ui-bg-gray-100 neeto-ui-border-primary-600 neeto-ui-text-primary-800 neeto-ui-rounded-sm flex h-8 w-8 cursor-pointer items-center justify-center border border-dashed transition-all duration-300 ease-in-out"
+  }, /*#__PURE__*/React__default.createElement(ImageUpload, {
+    size: 16
+  }))), /*#__PURE__*/React__default.createElement(Component, {
+    disabled: disabled,
+    autoFocus: shouldFocus,
+    "data-cy": "option-input",
+    "data-testid": isTextArea ? "textarea-option" : "input-option",
+    placeholder: t("neetoMolecules.optionFields.optionName"),
+    value: label,
+    suffix: !hideDeleteOption && /*#__PURE__*/React__default.createElement(Button, {
+      disabled: disabled,
+      className: "p-0.5",
+      "data-testid": "delete-option-button",
+      icon: Delete,
+      size: "small",
+      style: "text",
+      tooltipProps: {
+        content: t("neetoMolecules.common.actions.delete"),
+        position: "top"
+      },
+      onClick: function onClick() {
+        return onDelete({
+          index: index
+        });
+      }
+    }),
+    onBlur: function onBlur(_ref2) {
+      var target = _ref2.target;
+      return _onChange(index, target.value, true);
+    },
+    onChange: function onChange(_ref3) {
+      var target = _ref3.target;
+      return _onChange(index, target.value);
+    },
+    onFocus: function onFocus(_ref4) {
+      var target = _ref4.target;
+      return target.select();
+    },
+    onKeyDown: onKeyDown(index)
+  })));
+};
+
+var OptionFields = function OptionFields(_ref) {
+  var options = _ref.options,
+    error = _ref.error,
+    onChange = _ref.onChange,
+    name = _ref.name,
+    onDelete = _ref.onDelete,
+    _ref$onEdit = _ref.onEdit,
+    onEdit = _ref$onEdit === void 0 ? noop : _ref$onEdit,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    _ref$minOptions = _ref.minOptions,
+    minOptions = _ref$minOptions === void 0 ? 0 : _ref$minOptions,
+    _ref$draggable = _ref.draggable,
+    draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? true : _ref$editable,
+    _ref$isPictureChoice = _ref.isPictureChoice,
+    isPictureChoice = _ref$isPictureChoice === void 0 ? false : _ref$isPictureChoice,
+    _ref$isTextArea = _ref.isTextArea,
+    isTextArea = _ref$isTextArea === void 0 ? false : _ref$isTextArea,
+    _ref$shouldDestroy = _ref.shouldDestroy,
+    shouldDestroy = _ref$shouldDestroy === void 0 ? false : _ref$shouldDestroy,
+    _ref$currentRecord = _ref.currentRecord,
+    currentRecord = _ref$currentRecord === void 0 ? {} : _ref$currentRecord,
+    _ref$bulkActionProps = _ref.bulkActionProps,
+    bulkActionProps = _ref$bulkActionProps === void 0 ? {
+      enabled: false,
+      bulkAddHelpDocUrl: ""
+    } : _ref$bulkActionProps;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isBulkOptionModalOpen = _useState2[0],
+    setIsBulkOptionModalOpen = _useState2[1];
+  var _useOptionFields = useOptionFields({
+      options: options,
+      onChange: onChange,
+      shouldDestroy: shouldDestroy,
+      name: name,
+      currentRecord: currentRecord
+    }),
+    shouldFocus = _useOptionFields.shouldFocus,
+    handleAddOption = _useOptionFields.handleAddOption,
+    handleBulkAddOption = _useOptionFields.handleBulkAddOption,
+    handleChange = _useOptionFields.handleChange,
+    handleKeyDown = _useOptionFields.handleKeyDown,
+    handleDelete = _useOptionFields.handleDelete,
+    handleDragEnd = _useOptionFields.handleDragEnd;
+
+  // Temporarily disables the modifications to options when changed are getting saved to server
+  // This condition only needed for server id generated types
+  var isEditable = true;
+  if (shouldDestroy) {
+    isEditable = options.every(prop("id") || error) && !options.some(prop("_destroy"));
+  }
+  var handleDeleteClick = function handleDeleteClick(_ref2) {
+    var index = _ref2.index;
+    var deleteFunction = onDelete !== null && onDelete !== void 0 ? onDelete : handleDelete;
+    deleteFunction(index);
+  };
+  var visibleOptions = getVisibleOptions(options);
+  var hideDeleteOption = visibleOptions.length <= minOptions;
+  var getUniqueOptionId = function getUniqueOptionId(option) {
+    return option.altId || option.id.toString() || option.position.toString() || slugify(option.label);
+  };
+  return /*#__PURE__*/React__default.createElement("form", {
+    onSubmit: function onSubmit(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement(DragDropContext, {
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React__default.createElement(Droppable, {
+    droppableId: "neeto-molecules-option-fields-".concat(name),
+    isDropDisabled: !draggable
+  }, function (_ref3) {
+    var innerRef = _ref3.innerRef,
+      droppableProps = _ref3.droppableProps,
+      placeholder = _ref3.placeholder;
+    return /*#__PURE__*/React__default.createElement("div", _extends({
+      ref: innerRef
+    }, droppableProps), visibleOptions.map(function (option, index) {
+      return /*#__PURE__*/React__default.createElement(Draggable, {
+        index: index,
+        draggableId: getUniqueOptionId(option),
+        isDragDisabled: !draggable,
+        key: getUniqueOptionId(option)
+      }, function (_ref4) {
+        var innerRef = _ref4.innerRef,
+          draggableProps = _ref4.draggableProps,
+          dragHandleProps = _ref4.dragHandleProps;
+        return editable ? /*#__PURE__*/React__default.createElement(InputOption, {
+          dragHandleProps: dragHandleProps,
+          draggableProps: draggableProps,
+          hideDeleteOption: hideDeleteOption,
+          index: index,
+          innerRef: innerRef,
+          isPictureChoice: isPictureChoice,
+          isTextArea: isTextArea,
+          name: name,
+          shouldFocus: shouldFocus,
+          disabled: !isEditable,
+          label: option.label,
+          onChange: handleChange,
+          onDelete: handleDeleteClick,
+          onKeyDown: handleKeyDown
+        }) : /*#__PURE__*/React__default.createElement(BlockOption, {
+          dragHandleProps: dragHandleProps,
+          draggableProps: draggableProps,
+          handleDeleteClick: handleDeleteClick,
+          hideDeleteOption: hideDeleteOption,
+          index: index,
+          innerRef: innerRef,
+          onEdit: onEdit,
+          label: option.label
+        });
+      });
+    }), error && /*#__PURE__*/React__default.createElement(Typography, {
+      className: "neeto-ui-input__error",
+      "data-testid": "validation-error-container",
+      style: "body3"
+    }, error), placeholder);
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "mt-4 flex items-center justify-between"
+  }, /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "add-option-link",
+    "data-testid": "add-option-link",
+    disabled: !isEditable,
+    icon: Plus,
+    iconPosition: "left",
+    label: t("neetoMolecules.optionFields.addOption"),
+    size: "small",
+    style: "link",
+    onClick: handleAddOption
+  }, buttonProps)), bulkActionProps.enabled && /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "add-bulk-option-link",
+    "data-testid": "add-bulk-option-link",
+    disabled: !isEditable,
+    label: t("neetoMolecules.optionFields.addBulk"),
+    size: "small",
+    style: "text",
+    onClick: function onClick() {
+      return setIsBulkOptionModalOpen(true);
+    }
+  }))), /*#__PURE__*/React__default.createElement(BulkOptionModal, {
+    bulkAddHelpDocUrl: bulkActionProps.bulkAddHelpDocUrl,
+    handleBulkAdd: handleBulkAddOption,
+    isOpen: isBulkOptionModalOpen,
+    onClose: function onClose() {
+      return setIsBulkOptionModalOpen(false);
+    }
+  }));
+};
+
+export { OptionFields as default };
+//# sourceMappingURL=OptionFields.js.map