@merchi/product-form 1.19.12

package/lib/components/VariationInput.js

@@ -0,0 +1,97 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import { useController } from 'react-hook-form';
+import VariationError from './VariationError';
+import VariationLabel from './VariationLabel';
+import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var validationParams = function validationParams(variationField) {
+  var name = variationField.name,
+    max = variationField.fieldMax,
+    min = variationField.fieldMin,
+    required = variationField.required;
+  return {
+    max: {
+      value: max,
+      message: "".concat(name, " cannot be more than ").concat(max)
+    },
+    min: {
+      value: min,
+      message: "".concat(name, " cannot be less than ").concat(min)
+    },
+    required: {
+      value: required,
+      message: "".concat(name, " is required")
+    }
+  };
+};
+var VariationInput = function VariationInput(_ref) {
+  var disabled = _ref.disabled,
+    _ref$inputType = _ref.inputType,
+    inputType = _ref$inputType === void 0 ? 'text' : _ref$inputType,
+    name = _ref.name,
+    variation = _ref.variation;
+  var _useMerchiFormContext = useMerchiFormContext(),
+    classNameInputContainer = _useMerchiFormContext.classNameInputContainer,
+    classNameInput = _useMerchiFormContext.classNameInput,
+    control = _useMerchiFormContext.control;
+  var _useController = useController({
+      name: "".concat(name, ".value"),
+      control: control,
+      rules: validationParams(variation.variationField)
+    }),
+    field = _useController.field,
+    invalid = _useController.fieldState.invalid;
+  var variationField = variation.variationField;
+  var validationClass = invalid ? 'is-invalid' : '';
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(classNameInputContainer, " merchi-input-").concat(inputType, "-container"),
+    children: [/*#__PURE__*/_jsx(VariationLabel, {
+      name: name,
+      variationClassName: "merchi-input-".concat(inputType),
+      variation: variation
+    }), inputType === 'textarea' ? /*#__PURE__*/_jsx("textarea", _objectSpread({
+      "aria-label": variationField.name,
+      disabled: disabled,
+      className: "".concat(classNameInput, " ").concat(validationClass),
+      rows: variationField.rows,
+      placeholder: variationField.placeholder
+    }, field)) : /*#__PURE__*/_jsx("input", _objectSpread({
+      "aria-label": variationField.name,
+      disabled: disabled,
+      type: inputType,
+      className: "".concat(classNameInput, " ").concat(validationClass),
+      placeholder: variationField.placeholder
+    }, field)), /*#__PURE__*/_jsx(VariationError, {
+      name: name
+    })]
+  });
+};
+export var VariationInputCoulourPicker = function VariationInputCoulourPicker(props) {
+  return /*#__PURE__*/_jsx(VariationInput, _objectSpread({
+    inputType: "color"
+  }, props));
+};
+export var VariationInputText = function VariationInputText(props) {
+  return /*#__PURE__*/_jsx(VariationInput, _objectSpread({
+    inputType: "text"
+  }, props));
+};
+export var VariationInputNumber = function VariationInputNumber(props) {
+  return /*#__PURE__*/_jsx(VariationInput, _objectSpread({
+    inputType: "number"
+  }, props));
+};
+export var VariationInputTextarea = function VariationInputTextarea(props) {
+  return /*#__PURE__*/_jsx(VariationInput, _objectSpread({
+    inputType: "textarea"
+  }, props));
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdHlwZW9mIiwibyIsIlN5bWJvbCIsIml0ZXJhdG9yIiwiY29uc3RydWN0b3IiLCJwcm90b3R5cGUiLCJvd25LZXlzIiwiZSIsInIiLCJ0IiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsImZpbHRlciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiZGVmaW5lUHJvcGVydHkiLCJfdG9Qcm9wZXJ0eUtleSIsInZhbHVlIiwiY29uZmlndXJhYmxlIiwid3JpdGFibGUiLCJpIiwiX3RvUHJpbWl0aXZlIiwidG9QcmltaXRpdmUiLCJjYWxsIiwiVHlwZUVycm9yIiwiU3RyaW5nIiwiTnVtYmVyIiwiUmVhY3QiLCJ1c2VDb250cm9sbGVyIiwiVmFyaWF0aW9uRXJyb3IiLCJWYXJpYXRpb25MYWJlbCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsInZhbGlkYXRpb25QYXJhbXMiLCJ2YXJpYXRpb25GaWVsZCIsIm5hbWUiLCJtYXgiLCJmaWVsZE1heCIsIm1pbiIsImZpZWxkTWluIiwicmVxdWlyZWQiLCJtZXNzYWdlIiwiY29uY2F0IiwiVmFyaWF0aW9uSW5wdXQiLCJfcmVmIiwiZGlzYWJsZWQiLCJfcmVmJGlucHV0VHlwZSIsImlucHV0VHlwZSIsInZhcmlhdGlvbiIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsImNsYXNzTmFtZUlucHV0Q29udGFpbmVyIiwiY2xhc3NOYW1lSW5wdXQiLCJjb250cm9sIiwiX3VzZUNvbnRyb2xsZXIiLCJydWxlcyIsImZpZWxkIiwiaW52YWxpZCIsImZpZWxkU3RhdGUiLCJ2YWxpZGF0aW9uQ2xhc3MiLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsInZhcmlhdGlvbkNsYXNzTmFtZSIsInJvd3MiLCJwbGFjZWhvbGRlciIsInR5cGUiLCJWYXJpYXRpb25JbnB1dENvdWxvdXJQaWNrZXIiLCJwcm9wcyIsIlZhcmlhdGlvbklucHV0VGV4dCIsIlZhcmlhdGlvbklucHV0TnVtYmVyIiwiVmFyaWF0aW9uSW5wdXRUZXh0YXJlYSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1ZhcmlhdGlvbklucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDb250cm9sbGVyIH0gZnJvbSAncmVhY3QtaG9vay1mb3JtJztcbmltcG9ydCBWYXJpYXRpb25FcnJvciBmcm9tICcuL1ZhcmlhdGlvbkVycm9yJztcbmltcG9ydCBWYXJpYXRpb25MYWJlbCBmcm9tICcuL1ZhcmlhdGlvbkxhYmVsJztcbmltcG9ydCB7IHVzZU1lcmNoaUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9NZXJjaGlQcm9kdWN0Rm9ybVByb3ZpZGVyJztcblxuY29uc3QgdmFsaWRhdGlvblBhcmFtcyA9ICh2YXJpYXRpb25GaWVsZDogYW55KSA9PiB7XG4gIGNvbnN0IHsgbmFtZSwgZmllbGRNYXg6IG1heCwgZmllbGRNaW46IG1pbiwgcmVxdWlyZWQgfSA9IHZhcmlhdGlvbkZpZWxkO1xuICByZXR1cm4ge1xuICAgIG1heDogeyB2YWx1ZTogbWF4LCBtZXNzYWdlOiBgJHtuYW1lfSBjYW5ub3QgYmUgbW9yZSB0aGFuICR7bWF4fWAgfSxcbiAgICBtaW46IHsgdmFsdWU6IG1pbiwgbWVzc2FnZTogYCR7bmFtZX0gY2Fubm90IGJlIGxlc3MgdGhhbiAke21pbn1gIH0sXG4gICAgcmVxdWlyZWQ6IHsgdmFsdWU6IHJlcXVpcmVkLCBtZXNzYWdlOiBgJHtuYW1lfSBpcyByZXF1aXJlZGAgfVxuICB9O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpbnB1dFR5cGU/OiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFyaWF0aW9uOiBhbnk7XG59XG5cbmNvbnN0IFZhcmlhdGlvbklucHV0OiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBkaXNhYmxlZCxcbiAgaW5wdXRUeXBlID0gJ3RleHQnLFxuICBuYW1lLFxuICB2YXJpYXRpb24sXG59KSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjbGFzc05hbWVJbnB1dENvbnRhaW5lcixcbiAgICBjbGFzc05hbWVJbnB1dCxcbiAgICBjb250cm9sLFxuICB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcbiAgY29uc3Qge1xuICAgIGZpZWxkLFxuICAgIGZpZWxkU3RhdGU6IHsgaW52YWxpZCB9XG4gIH0gPSB1c2VDb250cm9sbGVyKHtcbiAgICBuYW1lOiBgJHtuYW1lfS52YWx1ZWAsIFxuICAgIGNvbnRyb2wsIFxuICAgIHJ1bGVzOiB2YWxpZGF0aW9uUGFyYW1zKHZhcmlhdGlvbi52YXJpYXRpb25GaWVsZClcbiAgfSk7XG5cbiAgY29uc3QgeyB2YXJpYXRpb25GaWVsZCB9ID0gdmFyaWF0aW9uO1xuXG4gIGNvbnN0IHZhbGlkYXRpb25DbGFzcyA9IGludmFsaWQgPyAnaXMtaW52YWxpZCcgOiAnJztcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lSW5wdXRDb250YWluZXJ9IG1lcmNoaS1pbnB1dC0ke2lucHV0VHlwZX0tY29udGFpbmVyYH0+XG4gICAgICA8VmFyaWF0aW9uTGFiZWxcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFyaWF0aW9uQ2xhc3NOYW1lPXtgbWVyY2hpLWlucHV0LSR7aW5wdXRUeXBlfWB9XG4gICAgICAgIHZhcmlhdGlvbj17dmFyaWF0aW9ufVxuICAgICAgLz5cbiAgICAgIHtpbnB1dFR5cGUgPT09ICd0ZXh0YXJlYScgPyAoXG4gICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhcmlhdGlvbkZpZWxkLm5hbWV9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lSW5wdXR9ICR7dmFsaWRhdGlvbkNsYXNzfWB9XG4gICAgICAgICAgcm93cz17dmFyaWF0aW9uRmllbGQucm93c31cbiAgICAgICAgICBwbGFjZWhvbGRlcj17dmFyaWF0aW9uRmllbGQucGxhY2Vob2xkZXJ9XG4gICAgICAgICAgey4uLmZpZWxkfVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYXJpYS1sYWJlbD17dmFyaWF0aW9uRmllbGQubmFtZX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgdHlwZT17aW5wdXRUeXBlfVxuICAgICAgICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lSW5wdXR9ICR7dmFsaWRhdGlvbkNsYXNzfWB9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3ZhcmlhdGlvbkZpZWxkLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIHsuLi5maWVsZH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8VmFyaWF0aW9uRXJyb3IgbmFtZT17bmFtZX0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBJbnB1dFByb3BzIHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhcmlhdGlvbjogYW55O1xufVxuXG5leHBvcnQgY29uc3QgVmFyaWF0aW9uSW5wdXRDb3Vsb3VyUGlja2VyID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiA8VmFyaWF0aW9uSW5wdXQgaW5wdXRUeXBlPSdjb2xvcicgey4uLnByb3BzfSAvPjtcbmV4cG9ydCBjb25zdCBWYXJpYXRpb25JbnB1dFRleHQgPSAocHJvcHM6IElucHV0UHJvcHMpID0+IDxWYXJpYXRpb25JbnB1dCBpbnB1dFR5cGU9J3RleHQnIHsuLi5wcm9wc30gLz47XG5leHBvcnQgY29uc3QgVmFyaWF0aW9uSW5wdXROdW1iZXIgPSAocHJvcHM6IElucHV0UHJvcHMpID0+IDxWYXJpYXRpb25JbnB1dCBpbnB1dFR5cGU9J251bWJlcicgey4uLnByb3BzfSAvPjtcbmV4cG9ydCBjb25zdCBWYXJpYXRpb25JbnB1dFRleHRhcmVhID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiA8VmFyaWF0aW9uSW5wdXQgaW5wdXRUeXBlPSd0ZXh0YXJlYScgey4uLnByb3BzfSAvPjtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFBQyxTQUFBQSxRQUFBQyxDQUFBLHNDQUFBRCxPQUFBLHdCQUFBRSxNQUFBLHVCQUFBQSxNQUFBLENBQUFDLFFBQUEsYUFBQUYsQ0FBQSxrQkFBQUEsQ0FBQSxnQkFBQUEsQ0FBQSxXQUFBQSxDQUFBLHlCQUFBQyxNQUFBLElBQUFELENBQUEsQ0FBQUcsV0FBQSxLQUFBRixNQUFBLElBQUFELENBQUEsS0FBQUMsTUFBQSxDQUFBRyxTQUFBLHFCQUFBSixDQUFBLEtBQUFELE9BQUEsQ0FBQUMsQ0FBQTtBQUFBLFNBQUFLLFFBQUFDLENBQUEsRUFBQUMsQ0FBQSxRQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixDQUFBLE9BQUFHLE1BQUEsQ0FBQUUscUJBQUEsUUFBQVgsQ0FBQSxHQUFBUyxNQUFBLENBQUFFLHFCQUFBLENBQUFMLENBQUEsR0FBQUMsQ0FBQSxLQUFBUCxDQUFBLEdBQUFBLENBQUEsQ0FBQVksTUFBQSxXQUFBTCxDQUFBLFdBQUFFLE1BQUEsQ0FBQUksd0JBQUEsQ0FBQVAsQ0FBQSxFQUFBQyxDQUFBLEVBQUFPLFVBQUEsT0FBQU4sQ0FBQSxDQUFBTyxJQUFBLENBQUFDLEtBQUEsQ0FBQVIsQ0FBQSxFQUFBUixDQUFBLFlBQUFRLENBQUE7QUFBQSxTQUFBUyxjQUFBWCxDQUFBLGFBQUFDLENBQUEsTUFBQUEsQ0FBQSxHQUFBVyxTQUFBLENBQUFDLE1BQUEsRUFBQVosQ0FBQSxV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

package/lib/components/VariationLabel.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface Props {
+    forceHideCost?: boolean;
+    name?: string;
+    variation: any;
+    variationClassName?: string;
+    /** Live field value shown beside the name (e.g. Area dimensions). */
+    valueSummary?: string | null;
+}
+declare function VariationLabel({ forceHideCost, name, variation, variationClassName, valueSummary, }: Props): React.JSX.Element;
+export default VariationLabel;

package/lib/components/VariationLabel.js

@@ -0,0 +1,85 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import { useWatch } from 'react-hook-form';
+import { variationCostDetail } from './utils';
+import { estimateAreaCosts } from '../utils/area';
+import { costsFromSelectedOptions } from '../utils/selectedVariationCosts';
+import { FieldType } from '../utils/types';
+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,
+    name = _ref.name,
+    _ref$variation = _ref.variation,
+    variation = _ref$variation === void 0 ? {} : _ref$variation,
+    variationClassName = _ref.variationClassName,
+    valueSummary = _ref.valueSummary;
+  var cost = variation.cost,
+    _variation$variationF = variation.variationField,
+    variationField = _variation$variationF === void 0 ? {} : _variation$variationF;
+  var instructions = variationField.instructions,
+    sellerProductEditable = variationField.sellerProductEditable;
+  var _useMerchiFormContext = useMerchiFormContext(),
+    control = _useMerchiFormContext.control,
+    hideCost = _useMerchiFormContext.hideCost,
+    loading = _useMerchiFormContext.loading;
+  var watchedValue = useWatch({
+    control: control,
+    name: name ? "".concat(name, ".value") : 'value',
+    disabled: !name
+  });
+  var watchedSelectedOptions = useWatch({
+    control: control,
+    name: name ? "".concat(name, ".selectedOptions") : 'selectedOptions',
+    disabled: !name
+  });
+  var variationForCosts = _objectSpread(_objectSpread({}, variation), {}, {
+    selectedOptions: watchedSelectedOptions !== null && watchedSelectedOptions !== void 0 ? watchedSelectedOptions : variation.selectedOptions
+  });
+  var liveValue = name ? watchedValue : variation.value;
+  var areaCosts = Number(variationField === null || variationField === void 0 ? void 0 : variationField.fieldType) === FieldType.AREA ? estimateAreaCosts(variationField, liveValue) : null;
+  var costSource = areaCosts ? _objectSpread(_objectSpread({}, variationForCosts), {}, {
+    onceOffCost: areaCosts.onceOffCost,
+    unitCost: areaCosts.unitCost,
+    currency: (variationField === null || variationField === void 0 ? void 0 : variationField.currency) || variation.currency
+  }) : _objectSpread(_objectSpread({}, variationForCosts), costsFromSelectedOptions(variationForCosts, liveValue));
+  var onceOffCost = costSource.onceOffCost,
+    unitCost = costSource.unitCost;
+  var hasExtraCost = Number(onceOffCost) > 0 || Number(unitCost) > 0;
+  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',
+          flexWrap: 'wrap'
+        },
+        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 : '', " "), valueSummary ? /*#__PURE__*/_jsx("span", {
+          className: "merchi-embed-form_variation-value-summary text-muted",
+          children: valueSummary
+        }) : null, 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(costSource)
+        }) : '']
+      })
+    }), instructions && /*#__PURE__*/_jsx(VariationFieldInputInstructions, {
+      instructions: instructions
+    })]
+  });
+}
+export default VariationLabel;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVdhdGNoIiwidmFyaWF0aW9uQ29zdERldGFpbCIsImVzdGltYXRlQXJlYUNvc3RzIiwiY29zdHNGcm9tU2VsZWN0ZWRPcHRpb25zIiwiRmllbGRUeXBlIiwidXNlTWVyY2hpRm9ybUNvbnRleHQiLCJDZ1NwaW5uZXIiLCJWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwiVmFyaWF0aW9uTGFiZWwiLCJfcmVmIiwiX3ZhcmlhdGlvbkZpZWxkJG5hbWUiLCJmb3JjZUhpZGVDb3N0IiwibmFtZSIsIl9yZWYkdmFyaWF0aW9uIiwidmFyaWF0aW9uIiwidmFyaWF0aW9uQ2xhc3NOYW1lIiwidmFsdWVTdW1tYXJ5IiwiY29zdCIsIl92YXJpYXRpb24kdmFyaWF0aW9uRiIsInZhcmlhdGlvbkZpZWxkIiwiaW5zdHJ1Y3Rpb25zIiwic2VsbGVyUHJvZHVjdEVkaXRhYmxlIiwiX3VzZU1lcmNoaUZvcm1Db250ZXh0IiwiY29udHJvbCIsImhpZGVDb3N0IiwibG9hZGluZyIsIndhdGNoZWRWYWx1ZSIsImNvbmNhdCIsImRpc2FibGVkIiwid2F0Y2hlZFNlbGVjdGVkT3B0aW9ucyIsInZhcmlhdGlvbkZvckNvc3RzIiwiX29iamVjdFNwcmVhZCIsInNlbGVjdGVkT3B0aW9ucyIsImxpdmVWYWx1ZSIsInZhbHVlIiwiYXJlYUNvc3RzIiwiTnVtYmVyIiwiZmllbGRUeXBlIiwiQVJFQSIsImNvc3RTb3VyY2UiLCJvbmNlT2ZmQ29zdCIsInVuaXRDb3N0IiwiY3VycmVuY3kiLCJoYXNFeHRyYUNvc3QiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInN0eWxlIiwiZGlzcGxheSIsImFsaWduSXRlbXMiLCJnYXAiLCJmbGV4V3JhcCIsImZvbnRTaXplIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvVmFyaWF0aW9uTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVdhdGNoIH0gZnJvbSAncmVhY3QtaG9vay1mb3JtJztcbmltcG9ydCB7IHZhcmlhdGlvbkNvc3REZXRhaWwgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IGVzdGltYXRlQXJlYUNvc3RzIH0gZnJvbSAnLi4vdXRpbHMvYXJlYSc7XG5pbXBvcnQgeyBjb3N0c0Zyb21TZWxlY3RlZE9wdGlvbnMgfSBmcm9tICcuLi91dGlscy9zZWxlY3RlZFZhcmlhdGlvbkNvc3RzJztcbmltcG9ydCB7IEZpZWxkVHlwZSB9IGZyb20gJy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCB7IHVzZU1lcmNoaUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9NZXJjaGlQcm9kdWN0Rm9ybVByb3ZpZGVyJztcbmltcG9ydCB7IENnU3Bpbm5lciB9IGZyb20gJ3JlYWN0LWljb25zL2NnJztcbmltcG9ydCBWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIGZyb20gJy4vVmFyaWF0aW9uRmllbGRJbnB1dEluc3RydWN0aW9ucyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGZvcmNlSGlkZUNvc3Q/OiBib29sZWFuO1xuICBuYW1lPzogc3RyaW5nO1xuICB2YXJpYXRpb246IGFueTtcbiAgdmFyaWF0aW9uQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogTGl2ZSBmaWVsZCB2YWx1ZSBzaG93biBiZXNpZGUgdGhlIG5hbWUgKGUuZy4gQXJlYSBkaW1lbnNpb25zKS4gKi9cbiAgdmFsdWVTdW1tYXJ5Pzogc3RyaW5nIHwgbnVsbDtcbn1cblxuZnVuY3Rpb24gVmFyaWF0aW9uTGFiZWwoe1xuICBmb3JjZUhpZGVDb3N0LFxuICBuYW1lLFxuICB2YXJpYXRpb24gPSB7fSxcbiAgdmFyaWF0aW9uQ2xhc3NOYW1lLFxuICB2YWx1ZVN1bW1hcnksXG59OiBQcm9wcykge1xuICBjb25zdCB7IGNvc3QsIHZhcmlhdGlvbkZpZWxkID0ge30gfSA9IHZhcmlhdGlvbjtcbiAgY29uc3QgeyBpbnN0cnVjdGlvbnMsIHNlbGxlclByb2R1Y3RFZGl0YWJsZSB9ID0gdmFyaWF0aW9uRmllbGQ7XG4gIGNvbnN0IHsgY29udHJvbCwgaGlkZUNvc3QsIGxvYWRpbmcgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XG4gIGNvbnN0IHdhdGNoZWRWYWx1ZSA9IHVzZVdhdGNoKHtcbiAgICBjb250cm9sLFxuICAgIG5hbWU6IG5hbWUgPyBgJHtuYW1lfS52YWx1ZWAgOiAndmFsdWUnLFxuICAgIGRpc2FibGVkOiAhbmFtZSxcbiAgfSk7XG4gIGNvbnN0IHdhdGNoZWRTZWxlY3RlZE9wdGlvbnMgPSB1c2VXYXRjaCh7XG4gICAgY29udHJvbCxcbiAgICBuYW1lOiBuYW1lID8gYCR7bmFtZX0uc2VsZWN0ZWRPcHRpb25zYCA6ICdzZWxlY3RlZE9wdGlvbnMnLFxuICAgIGRpc2FibGVkOiAhbmFtZSxcbiAgfSk7XG4gIGNvbnN0IHZhcmlhdGlvbkZvckNvc3RzID0ge1xuICAgIC4uLnZhcmlhdGlvbixcbiAgICBzZWxlY3RlZE9wdGlvbnM6IHdhdGNoZWRTZWxlY3RlZE9wdGlvbnMgPz8gdmFyaWF0aW9uLnNlbGVjdGVkT3B0aW9ucyxcbiAgfTtcbiAgY29uc3QgbGl2ZVZhbHVlID0gbmFtZSA/IHdhdGNoZWRWYWx1ZSA6IHZhcmlhdGlvbi52YWx1ZTtcbiAgY29uc3QgYXJlYUNvc3RzID1cbiAgICBOdW1iZXIodmFyaWF0aW9uRmllbGQ/LmZpZWxkVHlwZSkgPT09IEZpZWxkVHlwZS5BUkVBXG4gICAgICA/IGVzdGltYXRlQXJlYUNvc3RzKHZhcmlhdGlvbkZpZWxkLCBsaXZlVmFsdWUpXG4gICAgICA6IG51bGw7XG4gIGNvbnN0IGNvc3RTb3VyY2UgPSBhcmVhQ29zdHNcbiAgICA/IHtcbiAgICAgICAgLi4udmFyaWF0aW9uRm9yQ29zdHMsXG4gICAgICAgIG9uY2VPZmZDb3N0OiBhcmVhQ29zdHMub25jZU9mZkNvc3QsXG4gICAgICAgIHVuaXRDb3N0OiBhcmVhQ29zdHMudW5pdENvc3QsXG4gICAgICAgIGN1cnJlbmN5OiB2YXJpYXRpb25GaWVsZD8uY3VycmVuY3kgfHwgdmFyaWF0aW9uLmN1cnJlbmN5LFxuICAgICAgfVxuICAgIDoge1xuICAgICAgICAuLi52YXJpYXRpb25Gb3JDb3N0cyxcbiAgICAgICAgLi4uY29zdHNGcm9tU2VsZWN0ZWRPcHRpb25zKHZhcmlhdGlvbkZvckNvc3RzLCBsaXZlVmFsdWUpLFxuICAgICAgfTtcbiAgY29uc3QgeyBvbmNlT2ZmQ29zdCwgdW5pdENvc3QgfSA9IGNvc3RTb3VyY2U7XG4gIGNvbnN0IGhhc0V4dHJhQ29zdCA9IE51bWJlcihvbmNlT2ZmQ29zdCkgPiAwIHx8IE51bWJlcih1bml0Q29zdCkgPiAwO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17YGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItMSAke3ZhcmlhdGlvbkNsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogJzRweCcsIGZsZXhXcmFwOiAnd3JhcCcgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2BhbGlnbi1pdGVtcy1jZW50ZXIgZmxleC13cmFwIGdhcC0xJHt2YXJpYXRpb25DbGFzc05hbWUgPyB2YXJpYXRpb25DbGFzc05hbWUgKyAnLXRpdGxlJyA6ICcnXG4gICAgICAgICAgICB9YH1cbiAgICAgICAgPlxuICAgICAgICAgIHtgJHt2YXJpYXRpb25GaWVsZD8ubmFtZSA/PyAnJ30gYH1cbiAgICAgICAgICB7dmFsdWVTdW1tYXJ5ID8gKFxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdtZXJjaGktZW1iZWQtZm9ybV92YXJpYXRpb24tdmFsdWUtc3VtbWFyeSB0ZXh0LW11dGVkJz5cbiAgICAgICAgICAgICAge3ZhbHVlU3VtbWFyeX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICB7bG9hZGluZyAmJiBjb3N0ID8gKFxuICAgICAgICAgICAgPENnU3Bpbm5lciBmb250U2l6ZT0nMS4yNXJlbScgY2xhc3NOYW1lPSdhbmltYXRlX3NwaW4gbWwtMScgLz5cbiAgICAgICAgICApIDogaGlkZUNvc3QgfHwgZm9yY2VIaWRlQ29zdCA/IChcbiAgICAgICAgICAgICcnXG4gICAgICAgICAgKSA6IGhhc0V4dHJhQ29zdCAmJiAhc2VsbGVyUHJvZHVjdEVkaXRhYmxlID8gKFxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdtZXJjaGktZW1iZWQtZm9ybV92YXJpYXRpb24tY29zdC1kZXRhaWwnPlxuICAgICAgICAgICAgICB7dmFyaWF0aW9uQ29zdERldGFpbChjb3N0U291cmNlKX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgJydcbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2luc3RydWN0aW9ucyAmJiAoXG4gICAgICAgIDxWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIGluc3RydWN0aW9ucz17aW5zdHJ1Y3Rpb25zfSAvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVmFyaWF0aW9uTGFiZWw7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0MsUUFBUSxRQUFRLGlCQUFpQjtBQUMxQyxTQUFTQyxtQkFBbUIsUUFBUSxTQUFTO0FBQzdDLFNBQVNDLGlCQUFpQixRQUFRLGVBQWU7QUFDakQsU0FBU0Msd0JBQXdCLFFBQVEsaUNBQWlDO0FBQzFFLFNBQVNDLFNBQVMsUUFBUSxnQkFBZ0I7QUFDMUMsU0FBU0Msb0JBQW9CLFFBQVEsc0NBQXNDO0FBQzNFLFNBQVNDLFNBQVMsUUFBUSxnQkFBZ0I7QUFDMUMsT0FBT0MsK0JBQStCLE1BQU0sbUNBQW1DO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQSxFQUFBQyxRQUFBLElBQUFDLFNBQUE7QUFXaEYsU0FBU0MsY0FBY0EsQ0FBQUMsSUFBQSxFQU1iO0VBQUEsSUFBQUMsb0JBQUE7RUFBQSxJQUxSQyxhQUFhLEdBQUFGLElBQUEsQ0FBYkUsYUFBYTtJQUNiQyxJQUFJLEdBQUFILElBQUEsQ0FBSkcsSUFBSTtJQUFBQyxjQUFBLEdBQUFKLElBQUEsQ0FDSkssU0FBUztJQUFUQSxTQUFTLEdBQUFELGNBQUEsY0FBRyxDQUFDLENBQUMsR0FBQUEsY0FBQTtJQUNkRSxrQkFBa0IsR0FBQU4sSUFBQSxDQUFsQk0sa0JBQWtCO0lBQ2xCQyxZQUFZLEdBQUFQLElBQUEsQ0FBWk8sWUFBWTtFQUVaLElBQVFDLElBQUksR0FBMEJILFNBQVMsQ0FBdkNHLElBQUk7SUFBQUMscUJBQUEsR0FBMEJKLFNBQVMsQ0FBakNLLGNBQWM7SUFBZEEsY0FBYyxHQUFBRCxxQkFBQSxjQUFHLENBQUMsQ0FBQyxHQUFBQSxxQkFBQTtFQUNqQyxJQUFRRSxZQUFZLEdBQTRCRCxjQUFjLENBQXREQyxZQUFZO0lBQUVDLHFCQUFxQixHQUFLRixjQUFjLENBQXhDRSxxQkFBcUI7RUFDM0MsSUFBQUMscUJBQUEsR0FBdUN2QixvQkFBb0IsQ0FBQyxDQUFDO0lBQXJEd0IsT0FBTyxHQUFBRCxxQkFBQSxDQUFQQyxPQUFPO0lBQUVDLFFBQVEsR0FBQUYscUJBQUEsQ0FBUkUsUUFBUTtJQUFFQyxPQUFPLEdBQUFILHFCQUFBLENBQVBHLE9BQU87RUFDbEMsSUFBTUMsWUFBWSxHQUFHaEMsUUFBUSxDQUFDO0lBQzVCNkIsT0FBTyxFQUFQQSxPQUFPO0lBQ1BYLElBQUksRUFBRUEsSUFBSSxNQUFBZSxNQUFBLENBQU1mLElBQUksY0FBVyxPQUFPO0lBQ3RDZ0IsUUFBUSxFQUFFLENBQUNoQjtFQUNiLENBQUMsQ0FBQztFQUNGLElBQU1pQixzQkFBc0IsR0FBR25DLFFBQVEsQ0FBQztJQUN0QzZCLE9BQU8sRUFBUEEsT0FBTztJQUNQWCxJQUFJLEVBQUVBLElBQUksTUFBQWUsTUFBQSxDQUFNZixJQUFJLHdCQUFxQixpQkFBaUI7SUFDMURnQixRQUFRLEVBQUUsQ0FBQ2hCO0VBQ2IsQ0FBQyxDQUFDO0VBQ0YsSUFBTWtCLGlCQUFpQixHQUFBQyxhQUFBLENBQUFBLGFBQUEsS0FDbEJqQixTQUFTO0lBQ1prQixlQUFlLEVBQUVILHNCQUFzQixhQUF0QkEsc0JBQXNCLGNBQXRCQSxzQkFBc0IsR0FBSWYsU0FBUyxDQUFDa0I7RUFBZSxFQUNyRTtFQUNELElBQU1DLFNBQVMsR0FBR3JCLElBQUksR0FBR2MsWUFBWSxHQUFHWixTQUFTLENBQUNvQixLQUFLO0VBQ3ZELElBQU1DLFNBQVMsR0FDYkMsTUFBTSxDQUFDakIsY0FBYyxhQUFkQSxjQUFjLHVCQUFkQSxjQUFjLENBQUVrQixTQUFTLENBQUMsS0FBS3ZDLFNBQVMsQ0FBQ3dDLElBQUksR0FDaEQxQyxpQkFBaUIsQ0FBQ3VCLGNBQWMsRUFBRWMsU0FBUyxDQUFDLEdBQzVDLElBQUk7RUFDVixJQUFNTSxVQUFVLEdBQUdKLFNBQVMsR0FBQUosYUFBQSxDQUFBQSxhQUFBLEtBRW5CRCxpQkFBaUI7SUFDcEJVLFdBQVcsRUFBRUwsU0FBUyxDQUFDSyxXQUFXO0lBQ2xDQyxRQUFRLEVBQUVOLFNBQVMsQ0FBQ00sUUFBUTtJQUM1QkMsUUFBUSxFQUFFLENBQUF2QixjQUFjLGFBQWRBLGNBQWMsdUJBQWRBLGNBQWMsQ0FBRXVCLFFBQVEsS0FBSTVCLFNBQVMsQ0FBQzRCO0VBQVEsS0FBQVgsYUFBQSxDQUFBQSxhQUFBLEtBR3JERCxpQkFBaUIsR0FDakJqQyx3QkFBd0IsQ0FBQ2lDLGlCQUFpQixFQUFFRyxTQUFTLENBQUMsQ0FDMUQ7RUFDTCxJQUFRTyxXQUFXLEdBQWVELFVBQVUsQ0FBcENDLFdBQVc7SUFBRUMsUUFBUSxHQUFLRixVQUFVLENBQXZCRSxRQUFRO0VBQzdCLElBQU1FLFlBQVksR0FBR1AsTUFBTSxDQUFDSSxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUlKLE1BQU0sQ0FBQ0ssUUFBUSxDQUFDLEdBQUcsQ0FBQztFQUNwRSxvQkFDRXBDLEtBQUEsQ0FBQUUsU0FBQTtJQUFBcUMsUUFBQSxnQkFDRXpDLElBQUE7TUFDRTBDLFNBQVMsb0NBQUFsQixNQUFBLENBQW9DWixrQkFBa0IsSUFBSSxFQUFFLENBQUc7TUFBQTZCLFFBQUEsZUFFeEV2QyxLQUFBO1FBQ0V5QyxLQUFLLEVBQUU7VUFBRUMsT0FBTyxFQUFFLGFBQWE7VUFBRUMsVUFBVSxFQUFFLFFBQVE7VUFBRUMsR0FBRyxFQUFFLEtBQUs7VUFBRUMsUUFBUSxFQUFFO1FBQU8sQ0FBRTtRQUN0RkwsU0FBUyx1Q0FBQWxCLE1BQUEsQ0FBdUNaLGtCQUFrQixHQUFHQSxrQkFBa0IsR0FBRyxRQUFRLEdBQUcsRUFBRSxDQUNsRztRQUFBNkIsUUFBQSxNQUFBakIsTUFBQSxFQUFBakIsb0JBQUEsR0FFRFMsY0FBYyxhQUFkQSxjQUFjLHVCQUFkQSxjQUFjLENBQUVQLElBQUksY0FBQUYsb0JBQUEsY0FBQUEsb0JBQUEsR0FBSSxFQUFFLFFBQzdCTSxZQUFZLGdCQUNYYixJQUFBO1VBQU0wQyxTQUFTLEVBQUMsc0RBQXNEO1VBQUFELFFBQUEsRUFDbkU1QjtRQUFZLENBQ1QsQ0FBQyxHQUNMLElBQUksRUFDUFMsT0FBTyxJQUFJUixJQUFJLGdCQUNkZCxJQUFBLENBQUNILFNBQVM7VUFBQ21ELFFBQVEsRUFBQyxTQUFTO1VBQUNOLFNBQVMsRUFBQztRQUFtQixDQUFFLENBQUMsR0FDNURyQixRQUFRLElBQUliLGFBQWEsR0FDM0IsRUFBRSxHQUNBZ0MsWUFBWSxJQUFJLENBQUN0QixxQkFBcUIsZ0JBQ3hDbEIsSUFBQTtVQUFNMEMsU0FBUyxFQUFDLHlDQUF5QztVQUFBRCxRQUFBLEVBQ3REakQsbUJBQW1CLENBQUM0QyxVQUFVO1FBQUMsQ0FDNUIsQ0FBQyxHQUVQLEVBQ0Q7TUFBQSxDQUNFO0lBQUMsQ0FDSCxDQUFDLEVBQ0xuQixZQUFZLGlCQUNYakIsSUFBQSxDQUFDRiwrQkFBK0I7TUFBQ21CLFlBQVksRUFBRUE7SUFBYSxDQUFFLENBQy9EO0VBQUEsQ0FDRCxDQUFDO0FBRVA7QUFFQSxlQUFlWixjQUFjIiwiaWdub3JlTGlzdCI6W119

package/lib/components/VariationOptionColour.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface Props {
+    doClick: () => void;
+    isChecked: boolean;
+    option: any;
+}
+declare function VariationOptionColour({ doClick, isChecked, option, }: Props): React.JSX.Element;
+export default VariationOptionColour;

package/lib/components/VariationOptionColour.js

@@ -0,0 +1,50 @@
+'use client';
+
+import * as React from 'react';
+import TooltipElement from './TooltipElement';
+import { variationFieldOptionCostDetail } from './utils';
+import IconCheckedOrNoStock from './icons/IconCheckedOrNoStock';
+import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function VariationOptionColour(_ref) {
+  var doClick = _ref.doClick,
+    isChecked = _ref.isChecked,
+    option = _ref.option;
+  var _useMerchiFormContext = useMerchiFormContext(),
+    classNameOptionColour = _useMerchiFormContext.classNameOptionColour,
+    classNameOptionColourContainer = _useMerchiFormContext.classNameOptionColourContainer,
+    hideCost = _useMerchiFormContext.hideCost;
+  var available = option.available,
+    color = option.colour,
+    isVisible = option.isVisible,
+    optionId = option.optionId,
+    value = option.value;
+  var isActive = available && isVisible;
+  var optionCost = variationFieldOptionCostDetail(option);
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNameOptionColourContainer,
+    onClick: isActive ? doClick : undefined,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(classNameOptionColour, " ").concat(isChecked ? 'image-checked' : '', " ").concat(isActive ? 'cursor-pointer' : 'option-no-inventory'),
+      style: {
+        backgroundColor: color || value || undefined
+      },
+      children: /*#__PURE__*/_jsx(IconCheckedOrNoStock, {
+        isChecked: isChecked,
+        noStock: !isActive
+      })
+    }), /*#__PURE__*/_jsx(TooltipElement, {
+      id: "variation-option-".concat(optionId, "-tooltip"),
+      tooltip: "".concat(value).concat(!isVisible ? ' - disabled' : !available ? ' - insufficient stock' : ''),
+      children: /*#__PURE__*/_jsx("p", {
+        className: "merchi-embed-form_color-select-description",
+        children: value
+      })
+    }), !hideCost && optionCost && /*#__PURE__*/_jsx("small", {
+      className: "merchi-embed-form_option-cost-detail",
+      children: optionCost
+    })]
+  });
+}
+export default VariationOptionColour;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlRvb2x0aXBFbGVtZW50IiwidmFyaWF0aW9uRmllbGRPcHRpb25Db3N0RGV0YWlsIiwiSWNvbkNoZWNrZWRPck5vU3RvY2siLCJ1c2VNZXJjaGlGb3JtQ29udGV4dCIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJWYXJpYXRpb25PcHRpb25Db2xvdXIiLCJfcmVmIiwiZG9DbGljayIsImlzQ2hlY2tlZCIsIm9wdGlvbiIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsImNsYXNzTmFtZU9wdGlvbkNvbG91ciIsImNsYXNzTmFtZU9wdGlvbkNvbG91ckNvbnRhaW5lciIsImhpZGVDb3N0IiwiYXZhaWxhYmxlIiwiY29sb3IiLCJjb2xvdXIiLCJpc1Zpc2libGUiLCJvcHRpb25JZCIsInZhbHVlIiwiaXNBY3RpdmUiLCJvcHRpb25Db3N0IiwiY2xhc3NOYW1lIiwib25DbGljayIsInVuZGVmaW5lZCIsImNoaWxkcmVuIiwiY29uY2F0Iiwic3R5bGUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJub1N0b2NrIiwiaWQiLCJ0b29sdGlwIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvVmFyaWF0aW9uT3B0aW9uQ29sb3VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgVG9vbHRpcEVsZW1lbnQgZnJvbSAnLi9Ub29sdGlwRWxlbWVudCc7XG5pbXBvcnQgeyB2YXJpYXRpb25GaWVsZE9wdGlvbkNvc3REZXRhaWwgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCBJY29uQ2hlY2tlZE9yTm9TdG9jayBmcm9tICcuL2ljb25zL0ljb25DaGVja2VkT3JOb1N0b2NrJztcbmltcG9ydCB7IHVzZU1lcmNoaUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9NZXJjaGlQcm9kdWN0Rm9ybVByb3ZpZGVyJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZG9DbGljazogKCkgPT4gdm9pZDtcbiAgaXNDaGVja2VkOiBib29sZWFuO1xuICBvcHRpb246IGFueTtcbn1cblxuZnVuY3Rpb24gVmFyaWF0aW9uT3B0aW9uQ29sb3VyKHtcbiAgZG9DbGljayxcbiAgaXNDaGVja2VkLFxuICBvcHRpb24sXG59OiBQcm9wcykge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lT3B0aW9uQ29sb3VyLFxuICAgIGNsYXNzTmFtZU9wdGlvbkNvbG91ckNvbnRhaW5lcixcbiAgICBoaWRlQ29zdCxcbiAgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XG4gIGNvbnN0IHsgYXZhaWxhYmxlLCBjb2xvdXI6IGNvbG9yLCBpc1Zpc2libGUsIG9wdGlvbklkLCB2YWx1ZSB9ID0gb3B0aW9uO1xuICBjb25zdCBpc0FjdGl2ZSA9IGF2YWlsYWJsZSAmJiBpc1Zpc2libGU7XG4gIGNvbnN0IG9wdGlvbkNvc3QgPSB2YXJpYXRpb25GaWVsZE9wdGlvbkNvc3REZXRhaWwob3B0aW9uKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZU9wdGlvbkNvbG91ckNvbnRhaW5lcn1cbiAgICAgIG9uQ2xpY2s9e2lzQWN0aXZlID8gZG9DbGljayA6IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lT3B0aW9uQ29sb3VyfSAke2lzQ2hlY2tlZCA/ICdpbWFnZS1jaGVja2VkJyA6ICcnfSAke2lzQWN0aXZlID8gJ2N1cnNvci1wb2ludGVyJyA6ICdvcHRpb24tbm8taW52ZW50b3J5J31gfVxuICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIHx8IHZhbHVlIHx8IHVuZGVmaW5lZCB9fVxuICAgICAgPlxuICAgICAgICA8SWNvbkNoZWNrZWRPck5vU3RvY2sgaXNDaGVja2VkPXtpc0NoZWNrZWR9IG5vU3RvY2s9eyFpc0FjdGl2ZX0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPFRvb2x0aXBFbGVtZW50XG4gICAgICAgIGlkPXtgdmFyaWF0aW9uLW9wdGlvbi0ke29wdGlvbklkfS10b29sdGlwYH1cbiAgICAgICAgdG9vbHRpcD17YCR7dmFsdWV9JHshaXNWaXNpYmxlID8gJyAtIGRpc2FibGVkJyA6ICFhdmFpbGFibGUgPyAnIC0gaW5zdWZmaWNpZW50IHN0b2NrJyA6ICcnfWB9XG4gICAgICA+XG4gICAgICAgIDxwIGNsYXNzTmFtZT0nbWVyY2hpLWVtYmVkLWZvcm1fY29sb3Itc2VsZWN0LWRlc2NyaXB0aW9uJz57dmFsdWV9PC9wPlxuICAgICAgPC9Ub29sdGlwRWxlbWVudD5cbiAgICAgIHshaGlkZUNvc3QgJiYgb3B0aW9uQ29zdCAmJiAoXG4gICAgICAgIDxzbWFsbCBjbGFzc05hbWU9J21lcmNoaS1lbWJlZC1mb3JtX29wdGlvbi1jb3N0LWRldGFpbCc+e29wdGlvbkNvc3R9PC9zbWFsbD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFZhcmlhdGlvbk9wdGlvbkNvbG91cjtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLE9BQU9DLGNBQWMsTUFBTSxrQkFBa0I7QUFDN0MsU0FBU0MsOEJBQThCLFFBQVEsU0FBUztBQUN4RCxPQUFPQyxvQkFBb0IsTUFBTSw4QkFBOEI7QUFDL0QsU0FBU0Msb0JBQW9CLFFBQVEsc0NBQXNDO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQVE1RSxTQUFTQyxxQkFBcUJBLENBQUFDLElBQUEsRUFJcEI7RUFBQSxJQUhSQyxPQUFPLEdBQUFELElBQUEsQ0FBUEMsT0FBTztJQUNQQyxTQUFTLEdBQUFGLElBQUEsQ0FBVEUsU0FBUztJQUNUQyxNQUFNLEdBQUFILElBQUEsQ0FBTkcsTUFBTTtFQUVOLElBQUFDLHFCQUFBLEdBSUlWLG9CQUFvQixDQUFDLENBQUM7SUFIeEJXLHFCQUFxQixHQUFBRCxxQkFBQSxDQUFyQkMscUJBQXFCO0lBQ3JCQyw4QkFBOEIsR0FBQUYscUJBQUEsQ0FBOUJFLDhCQUE4QjtJQUM5QkMsUUFBUSxHQUFBSCxxQkFBQSxDQUFSRyxRQUFRO0VBRVYsSUFBUUMsU0FBUyxHQUFnREwsTUFBTSxDQUEvREssU0FBUztJQUFVQyxLQUFLLEdBQWlDTixNQUFNLENBQXBETyxNQUFNO0lBQVNDLFNBQVMsR0FBc0JSLE1BQU0sQ0FBckNRLFNBQVM7SUFBRUMsUUFBUSxHQUFZVCxNQUFNLENBQTFCUyxRQUFRO0lBQUVDLEtBQUssR0FBS1YsTUFBTSxDQUFoQlUsS0FBSztFQUM1RCxJQUFNQyxRQUFRLEdBQUdOLFNBQVMsSUFBSUcsU0FBUztFQUN2QyxJQUFNSSxVQUFVLEdBQUd2Qiw4QkFBOEIsQ0FBQ1csTUFBTSxDQUFDO0VBQ3pELG9CQUNFTCxLQUFBO0lBQ0VrQixTQUFTLEVBQUVWLDhCQUErQjtJQUMxQ1csT0FBTyxFQUFFSCxRQUFRLEdBQUdiLE9BQU8sR0FBR2lCLFNBQVU7SUFBQUMsUUFBQSxnQkFFeEN2QixJQUFBO01BQ0VvQixTQUFTLEtBQUFJLE1BQUEsQ0FBS2YscUJBQXFCLE9BQUFlLE1BQUEsQ0FBSWxCLFNBQVMsR0FBRyxlQUFlLEdBQUcsRUFBRSxPQUFBa0IsTUFBQSxDQUFJTixRQUFRLEdBQUcsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUc7TUFDaklPLEtBQUssRUFBRTtRQUFFQyxlQUFlLEVBQUViLEtBQUssSUFBSUksS0FBSyxJQUFJSztNQUFVLENBQUU7TUFBQUMsUUFBQSxlQUV4RHZCLElBQUEsQ0FBQ0gsb0JBQW9CO1FBQUNTLFNBQVMsRUFBRUEsU0FBVTtRQUFDcUIsT0FBTyxFQUFFLENBQUNUO01BQVMsQ0FBRTtJQUFDLENBQy9ELENBQUMsZUFDTmxCLElBQUEsQ0FBQ0wsY0FBYztNQUNiaUMsRUFBRSxzQkFBQUosTUFBQSxDQUFzQlIsUUFBUSxhQUFXO01BQzNDYSxPQUFPLEtBQUFMLE1BQUEsQ0FBS1AsS0FBSyxFQUFBTyxNQUFBLENBQUcsQ0FBQ1QsU0FBUyxHQUFHLGFBQWEsR0FBRyxDQUFDSCxTQUFTLEdBQUcsdUJBQXVCLEdBQUcsRUFBRSxDQUFHO01BQUFXLFFBQUEsZUFFN0Z2QixJQUFBO1FBQUdvQixTQUFTLEVBQUMsNENBQTRDO1FBQUFHLFFBQUEsRUFBRU47TUFBSyxDQUFJO0lBQUMsQ0FDdkQsQ0FBQyxFQUNoQixDQUFDTixRQUFRLElBQUlRLFVBQVUsaUJBQ3RCbkIsSUFBQTtNQUFPb0IsU0FBUyxFQUFDLHNDQUFzQztNQUFBRyxRQUFBLEVBQUVKO0lBQVUsQ0FBUSxDQUM1RTtFQUFBLENBQ0UsQ0FBQztBQUVWO0FBRUEsZUFBZWhCLHFCQUFxQiIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/components/VariationOptionImage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface Props {
+    doClick: () => void;
+    isChecked: boolean;
+    option: any;
+}
+declare function VariationOptionImage({ doClick, isChecked, option, }: Props): React.JSX.Element;
+export default VariationOptionImage;

package/lib/components/VariationOptionImage.js

@@ -0,0 +1,52 @@
+'use client';
+
+import * as React from 'react';
+import TooltipElement from './TooltipElement';
+import { optionImageUrl, variationFieldOptionCostDetail } from './utils';
+import IconCheckedOrNoStock from './icons/IconCheckedOrNoStock';
+import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function VariationOptionImage(_ref) {
+  var doClick = _ref.doClick,
+    isChecked = _ref.isChecked,
+    option = _ref.option;
+  var _useMerchiFormContext = useMerchiFormContext(),
+    classNameOptionImage = _useMerchiFormContext.classNameOptionImage,
+    classNameOptionImageContainer = _useMerchiFormContext.classNameOptionImageContainer,
+    hideCost = _useMerchiFormContext.hideCost;
+  var available = option.available,
+    isVisible = option.isVisible,
+    optionId = option.optionId;
+  var isActive = available && isVisible;
+  var containerClass = "merchi-embed-form_image-select-option-item ".concat(isChecked ? 'image-checked' : '', " ").concat(isActive ? 'cursor-pointer' : 'option-no-inventory');
+  var optionCost = variationFieldOptionCostDetail(option);
+  var tooltip = "".concat(option.value).concat(!isVisible ? ' - disabled' : !available ? ' - insufficient stock' : '');
+  return /*#__PURE__*/_jsx("div", {
+    className: classNameOptionImageContainer,
+    onClick: isActive ? doClick : undefined,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: containerClass,
+      children: [/*#__PURE__*/_jsx(IconCheckedOrNoStock, {
+        isChecked: isChecked,
+        noStock: !isActive
+      }), /*#__PURE__*/_jsx("span", {
+        className: classNameOptionImage,
+        style: {
+          backgroundImage: "url(".concat(optionImageUrl(option), ")")
+        }
+      }), /*#__PURE__*/_jsx(TooltipElement, {
+        id: "merchi-image-option-tooltip-".concat(optionId),
+        tooltip: tooltip,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "image-select-title",
+          children: option.value
+        })
+      }), !hideCost && optionCost && /*#__PURE__*/_jsx("small", {
+        className: "merchi-embed-form_option-cost-detail",
+        children: optionCost
+      })]
+    })
+  });
+}
+export default VariationOptionImage;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIlRvb2x0aXBFbGVtZW50Iiwib3B0aW9uSW1hZ2VVcmwiLCJ2YXJpYXRpb25GaWVsZE9wdGlvbkNvc3REZXRhaWwiLCJJY29uQ2hlY2tlZE9yTm9TdG9jayIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlZhcmlhdGlvbk9wdGlvbkltYWdlIiwiX3JlZiIsImRvQ2xpY2siLCJpc0NoZWNrZWQiLCJvcHRpb24iLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQiLCJjbGFzc05hbWVPcHRpb25JbWFnZSIsImNsYXNzTmFtZU9wdGlvbkltYWdlQ29udGFpbmVyIiwiaGlkZUNvc3QiLCJhdmFpbGFibGUiLCJpc1Zpc2libGUiLCJvcHRpb25JZCIsImlzQWN0aXZlIiwiY29udGFpbmVyQ2xhc3MiLCJjb25jYXQiLCJvcHRpb25Db3N0IiwidG9vbHRpcCIsInZhbHVlIiwiY2xhc3NOYW1lIiwib25DbGljayIsInVuZGVmaW5lZCIsImNoaWxkcmVuIiwibm9TdG9jayIsInN0eWxlIiwiYmFja2dyb3VuZEltYWdlIiwiaWQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9WYXJpYXRpb25PcHRpb25JbWFnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFRvb2x0aXBFbGVtZW50IGZyb20gJy4vVG9vbHRpcEVsZW1lbnQnO1xuaW1wb3J0IHsgb3B0aW9uSW1hZ2VVcmwsIHZhcmlhdGlvbkZpZWxkT3B0aW9uQ29zdERldGFpbCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IEljb25DaGVja2VkT3JOb1N0b2NrIGZyb20gJy4vaWNvbnMvSWNvbkNoZWNrZWRPck5vU3RvY2snO1xuaW1wb3J0IHsgdXNlTWVyY2hpRm9ybUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L01lcmNoaVByb2R1Y3RGb3JtUHJvdmlkZXInO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBkb0NsaWNrOiAoKSA9PiB2b2lkO1xuICBpc0NoZWNrZWQ6IGJvb2xlYW47XG4gIG9wdGlvbjogYW55O1xufVxuXG5mdW5jdGlvbiBWYXJpYXRpb25PcHRpb25JbWFnZSh7XG4gIGRvQ2xpY2ssXG4gIGlzQ2hlY2tlZCxcbiAgb3B0aW9uLFxufTogUHJvcHMpIHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZU9wdGlvbkltYWdlLFxuICAgIGNsYXNzTmFtZU9wdGlvbkltYWdlQ29udGFpbmVyLFxuICAgIGhpZGVDb3N0LFxuICB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcbiAgY29uc3QgeyBhdmFpbGFibGUsIGlzVmlzaWJsZSwgb3B0aW9uSWQgfSA9IG9wdGlvbjtcbiAgY29uc3QgaXNBY3RpdmUgPSBhdmFpbGFibGUgJiYgaXNWaXNpYmxlO1xuICBjb25zdCBjb250YWluZXJDbGFzcyA9IGBtZXJjaGktZW1iZWQtZm9ybV9pbWFnZS1zZWxlY3Qtb3B0aW9uLWl0ZW0gJHtcbiAgICBpc0NoZWNrZWQgPyAnaW1hZ2UtY2hlY2tlZCcgOiAnJ1xuICB9ICR7aXNBY3RpdmUgPyAnY3Vyc29yLXBvaW50ZXInIDogJ29wdGlvbi1uby1pbnZlbnRvcnknfWA7XG4gIGNvbnN0IG9wdGlvbkNvc3QgPSB2YXJpYXRpb25GaWVsZE9wdGlvbkNvc3REZXRhaWwob3B0aW9uKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke29wdGlvbi52YWx1ZX0keyFpc1Zpc2libGUgPyAnIC0gZGlzYWJsZWQnIDogIWF2YWlsYWJsZSA/ICcgLSBpbnN1ZmZpY2llbnQgc3RvY2snIDogJyd9YDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZU9wdGlvbkltYWdlQ29udGFpbmVyfVxuICAgICAgb25DbGljaz17aXNBY3RpdmUgPyBkb0NsaWNrIDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjb250YWluZXJDbGFzc30+XG4gICAgICAgIDxJY29uQ2hlY2tlZE9yTm9TdG9jayBpc0NoZWNrZWQ9e2lzQ2hlY2tlZH0gbm9TdG9jaz17IWlzQWN0aXZlfSAvPlxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lT3B0aW9uSW1hZ2V9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke29wdGlvbkltYWdlVXJsKG9wdGlvbil9KWAsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICAgPFRvb2x0aXBFbGVtZW50XG4gICAgICAgICAgaWQ9e2BtZXJjaGktaW1hZ2Utb3B0aW9uLXRvb2x0aXAtJHtvcHRpb25JZH1gfVxuICAgICAgICAgIHRvb2x0aXA9e3Rvb2x0aXB9XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0naW1hZ2Utc2VsZWN0LXRpdGxlJz57b3B0aW9uLnZhbHVlfTwvZGl2PlxuICAgICAgICA8L1Rvb2x0aXBFbGVtZW50PlxuICAgICAgICB7IWhpZGVDb3N0ICYmIG9wdGlvbkNvc3QgJiYgKFxuICAgICAgICAgIDxzbWFsbCBjbGFzc05hbWU9J21lcmNoaS1lbWJlZC1mb3JtX29wdGlvbi1jb3N0LWRldGFpbCc+e29wdGlvbkNvc3R9PC9zbWFsbD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBWYXJpYXRpb25PcHRpb25JbWFnZTtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLE9BQU9DLGNBQWMsTUFBTSxrQkFBa0I7QUFDN0MsU0FBU0MsY0FBYyxFQUFFQyw4QkFBOEIsUUFBUSxTQUFTO0FBQ3hFLE9BQU9DLG9CQUFvQixNQUFNLDhCQUE4QjtBQUMvRCxTQUFTQyxvQkFBb0IsUUFBUSxzQ0FBc0M7QUFBQyxTQUFBQyxHQUFBLElBQUFDLElBQUEsRUFBQUMsSUFBQSxJQUFBQyxLQUFBO0FBUTVFLFNBQVNDLG9CQUFvQkEsQ0FBQUMsSUFBQSxFQUluQjtFQUFBLElBSFJDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0lBQ1BDLFNBQVMsR0FBQUYsSUFBQSxDQUFURSxTQUFTO0lBQ1RDLE1BQU0sR0FBQUgsSUFBQSxDQUFORyxNQUFNO0VBRU4sSUFBQUMscUJBQUEsR0FJSVYsb0JBQW9CLENBQUMsQ0FBQztJQUh4Qlcsb0JBQW9CLEdBQUFELHFCQUFBLENBQXBCQyxvQkFBb0I7SUFDcEJDLDZCQUE2QixHQUFBRixxQkFBQSxDQUE3QkUsNkJBQTZCO0lBQzdCQyxRQUFRLEdBQUFILHFCQUFBLENBQVJHLFFBQVE7RUFFVixJQUFRQyxTQUFTLEdBQTBCTCxNQUFNLENBQXpDSyxTQUFTO0lBQUVDLFNBQVMsR0FBZU4sTUFBTSxDQUE5Qk0sU0FBUztJQUFFQyxRQUFRLEdBQUtQLE1BQU0sQ0FBbkJPLFFBQVE7RUFDdEMsSUFBTUMsUUFBUSxHQUFHSCxTQUFTLElBQUlDLFNBQVM7RUFDdkMsSUFBTUcsY0FBYyxpREFBQUMsTUFBQSxDQUNsQlgsU0FBUyxHQUFHLGVBQWUsR0FBRyxFQUFFLE9BQUFXLE1BQUEsQ0FDOUJGLFFBQVEsR0FBRyxnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBRTtFQUN6RCxJQUFNRyxVQUFVLEdBQUd0Qiw4QkFBOEIsQ0FBQ1csTUFBTSxDQUFDO0VBQ3pELElBQU1ZLE9BQU8sTUFBQUYsTUFBQSxDQUFNVixNQUFNLENBQUNhLEtBQUssRUFBQUgsTUFBQSxDQUFHLENBQUNKLFNBQVMsR0FBRyxhQUFhLEdBQUcsQ0FBQ0QsU0FBUyxHQUFHLHVCQUF1QixHQUFHLEVBQUUsQ0FBRTtFQUMxRyxvQkFDRVosSUFBQTtJQUNFcUIsU0FBUyxFQUFFWCw2QkFBOEI7SUFDekNZLE9BQU8sRUFBRVAsUUFBUSxHQUFHVixPQUFPLEdBQUdrQixTQUFVO0lBQUFDLFFBQUEsZUFFeEN0QixLQUFBO01BQUttQixTQUFTLEVBQUVMLGNBQWU7TUFBQVEsUUFBQSxnQkFDN0J4QixJQUFBLENBQUNILG9CQUFvQjtRQUFDUyxTQUFTLEVBQUVBLFNBQVU7UUFBQ21CLE9BQU8sRUFBRSxDQUFDVjtNQUFTLENBQUUsQ0FBQyxlQUNsRWYsSUFBQTtRQUNFcUIsU0FBUyxFQUFFWixvQkFBcUI7UUFDaENpQixLQUFLLEVBQUU7VUFDTEMsZUFBZSxTQUFBVixNQUFBLENBQVN0QixjQUFjLENBQUNZLE1BQU0sQ0FBQztRQUNoRDtNQUFFLENBQ0gsQ0FBQyxlQUNGUCxJQUFBLENBQUNOLGNBQWM7UUFDYmtDLEVBQUUsaUNBQUFYLE1BQUEsQ0FBaUNILFFBQVEsQ0FBRztRQUM5Q0ssT0FBTyxFQUFFQSxPQUFRO1FBQUFLLFFBQUEsZUFFakJ4QixJQUFBO1VBQUtxQixTQUFTLEVBQUMsb0JBQW9CO1VBQUFHLFFBQUEsRUFBRWpCLE1BQU0sQ0FBQ2E7UUFBSyxDQUFNO01BQUMsQ0FDMUMsQ0FBQyxFQUNoQixDQUFDVCxRQUFRLElBQUlPLFVBQVUsaUJBQ3RCbEIsSUFBQTtRQUFPcUIsU0FBUyxFQUFDLHNDQUFzQztRQUFBRyxRQUFBLEVBQUVOO01BQVUsQ0FBUSxDQUM1RTtJQUFBLENBQ0U7RUFBQyxDQUNILENBQUM7QUFFVjtBQUVBLGVBQWVmLG9CQUFvQiIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/components/VariationSelect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface Props {
+    disabled?: boolean;
+    name: string;
+    variation: any;
+}
+declare const VariationSelect: React.FC<Props>;
+export default VariationSelect;

package/lib/components/VariationSelect.js

@@ -0,0 +1,66 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import { useController } from 'react-hook-form';
+import VariationError from './VariationError';
+import VariationLabel from './VariationLabel';
+import { sortByPosition, variationCostDetail } from './utils';
+import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
+import { quoteAfterFieldChange } from './quoteAfterFieldChange';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var VariationSelect = function VariationSelect(_ref) {
+  var disabled = _ref.disabled,
+    name = _ref.name,
+    variation = _ref.variation;
+  var _useMerchiFormContext = useMerchiFormContext(),
+    classNameInputContainer = _useMerchiFormContext.classNameInputContainer,
+    classNameInput = _useMerchiFormContext.classNameInput,
+    control = _useMerchiFormContext.control,
+    hideCost = _useMerchiFormContext.hideCost,
+    getQuote = _useMerchiFormContext.getQuote;
+  var _useController = useController({
+      name: "".concat(name, ".value"),
+      control: control
+    }),
+    field = _useController.field,
+    invalid = _useController.fieldState.invalid;
+  var _variation$selectable = variation.selectableOptions,
+    selectableOptions = _variation$selectable === void 0 ? [] : _variation$selectable;
+  var validationClass = invalid ? 'is-invalid' : '';
+  function isActive(option) {
+    return option.available && option.isVisible;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(classNameInputContainer, " merchi-input-select-container"),
+    children: [/*#__PURE__*/_jsx(VariationLabel, {
+      name: name,
+      variationClassName: "merchi-embed-form_input-select",
+      variation: variation
+    }), /*#__PURE__*/_jsx("select", _objectSpread(_objectSpread({
+      "aria-label": variation.variationField.name
+    }, field), {}, {
+      disabled: disabled,
+      className: "".concat(classNameInput, " ").concat(validationClass),
+      onChange: function onChange(e) {
+        quoteAfterFieldChange(field.onChange, getQuote, e.target.value);
+      },
+      children: sortByPosition(selectableOptions).map(function (option, index) {
+        return /*#__PURE__*/_jsxs("option", {
+          value: option.optionId,
+          disabled: !isActive(option),
+          children: [option.value, !option.isVisible ? ' - disabled' : !option.available ? ' - insufficient stock' : '', !hideCost && variationCostDetail(option)]
+        }, "variation-option-".concat(option.optionId));
+      })
+    })), /*#__PURE__*/_jsx(VariationError, {
+      name: name
+    })]
+  });
+};
+export default VariationSelect;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdHlwZW9mIiwibyIsIlN5bWJvbCIsIml0ZXJhdG9yIiwiY29uc3RydWN0b3IiLCJwcm90b3R5cGUiLCJvd25LZXlzIiwiZSIsInIiLCJ0IiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsImZpbHRlciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiZGVmaW5lUHJvcGVydHkiLCJfdG9Qcm9wZXJ0eUtleSIsInZhbHVlIiwiY29uZmlndXJhYmxlIiwid3JpdGFibGUiLCJpIiwiX3RvUHJpbWl0aXZlIiwidG9QcmltaXRpdmUiLCJjYWxsIiwiVHlwZUVycm9yIiwiU3RyaW5nIiwiTnVtYmVyIiwiUmVhY3QiLCJ1c2VDb250cm9sbGVyIiwiVmFyaWF0aW9uRXJyb3IiLCJWYXJpYXRpb25MYWJlbCIsInNvcnRCeVBvc2l0aW9uIiwidmFyaWF0aW9uQ29zdERldGFpbCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwicXVvdGVBZnRlckZpZWxkQ2hhbmdlIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlZhcmlhdGlvblNlbGVjdCIsIl9yZWYiLCJkaXNhYmxlZCIsIm5hbWUiLCJ2YXJpYXRpb24iLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQiLCJjbGFzc05hbWVJbnB1dENvbnRhaW5lciIsImNsYXNzTmFtZUlucHV0IiwiY29udHJvbCIsImhpZGVDb3N0IiwiZ2V0UXVvdGUiLCJfdXNlQ29udHJvbGxlciIsImNvbmNhdCIsImZpZWxkIiwiaW52YWxpZCIsImZpZWxkU3RhdGUiLCJfdmFyaWF0aW9uJHNlbGVjdGFibGUiLCJzZWxlY3RhYmxlT3B0aW9ucyIsInZhbGlkYXRpb25DbGFzcyIsImlzQWN0aXZlIiwib3B0aW9uIiwiYXZhaWxhYmxlIiwiaXNWaXNpYmxlIiwiY2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJ2YXJpYXRpb25DbGFzc05hbWUiLCJ2YXJpYXRpb25GaWVsZCIsIm9uQ2hhbmdlIiwidGFyZ2V0IiwibWFwIiwiaW5kZXgiLCJvcHRpb25JZCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1ZhcmlhdGlvblNlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlciB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgVmFyaWF0aW9uRXJyb3IgZnJvbSAnLi9WYXJpYXRpb25FcnJvcic7XG5pbXBvcnQgVmFyaWF0aW9uTGFiZWwgZnJvbSAnLi9WYXJpYXRpb25MYWJlbCc7XG5pbXBvcnQgeyBzb3J0QnlQb3NpdGlvbiwgdmFyaWF0aW9uQ29zdERldGFpbCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdXNlTWVyY2hpRm9ybUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L01lcmNoaVByb2R1Y3RGb3JtUHJvdmlkZXInO1xuaW1wb3J0IHsgcXVvdGVBZnRlckZpZWxkQ2hhbmdlIH0gZnJvbSAnLi9xdW90ZUFmdGVyRmllbGRDaGFuZ2UnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIG5hbWU6IHN0cmluZztcbiAgdmFyaWF0aW9uOiBhbnk7XG59XG5cbmNvbnN0IFZhcmlhdGlvblNlbGVjdDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgZGlzYWJsZWQsIG5hbWUsIHZhcmlhdGlvbiB9KSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjbGFzc05hbWVJbnB1dENvbnRhaW5lcixcbiAgICBjbGFzc05hbWVJbnB1dCxcbiAgICBjb250cm9sLFxuICAgIGhpZGVDb3N0LFxuICAgIGdldFF1b3RlLFxuICB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcblxuICBjb25zdCB7XG4gICAgZmllbGQsXG4gICAgZmllbGRTdGF0ZTogeyBpbnZhbGlkIH0sXG4gIH0gPSB1c2VDb250cm9sbGVyKHtcbiAgICBuYW1lOiBgJHtuYW1lfS52YWx1ZWAsXG4gICAgY29udHJvbCxcbiAgfSk7XG5cbiAgY29uc3QgeyBzZWxlY3RhYmxlT3B0aW9ucyA9IFtdIH0gPSB2YXJpYXRpb247XG5cbiAgY29uc3QgdmFsaWRhdGlvbkNsYXNzID0gaW52YWxpZCA/ICdpcy1pbnZhbGlkJyA6ICcnO1xuXG4gIGZ1bmN0aW9uIGlzQWN0aXZlKG9wdGlvbjogYW55KSB7XG4gICAgcmV0dXJuIG9wdGlvbi5hdmFpbGFibGUgJiYgb3B0aW9uLmlzVmlzaWJsZTtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtjbGFzc05hbWVJbnB1dENvbnRhaW5lcn0gbWVyY2hpLWlucHV0LXNlbGVjdC1jb250YWluZXJgfT5cbiAgICAgIDxWYXJpYXRpb25MYWJlbFxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YXJpYXRpb25DbGFzc05hbWU9J21lcmNoaS1lbWJlZC1mb3JtX2lucHV0LXNlbGVjdCdcbiAgICAgICAgdmFyaWF0aW9uPXt2YXJpYXRpb259XG4gICAgICAvPlxuICAgICAgPHNlbGVjdFxuICAgICAgICBhcmlhLWxhYmVsPXt2YXJpYXRpb24udmFyaWF0aW9uRmllbGQubmFtZX1cbiAgICAgICAgey4uLmZpZWxkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lSW5wdXR9ICR7dmFsaWRhdGlvbkNsYXNzfWB9XG4gICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgIHF1b3RlQWZ0ZXJGaWVsZENoYW5nZShmaWVsZC5vbkNoYW5nZSwgZ2V0UXVvdGUsIGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge3NvcnRCeVBvc2l0aW9uKHNlbGVjdGFibGVPcHRpb25zKS5tYXAoKG9wdGlvbjogYW55LCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgICAgPG9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvbi5vcHRpb25JZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXshaXNBY3RpdmUob3B0aW9uKX1cbiAgICAgICAgICAgIGtleT17YHZhcmlhdGlvbi1vcHRpb24tJHtvcHRpb24ub3B0aW9uSWR9YH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3B0aW9uLnZhbHVlfVxuICAgICAgICAgICAgeyFvcHRpb24uaXNWaXNpYmxlID8gJyAtIGRpc2FibGVkJyA6ICFvcHRpb24uYXZhaWxhYmxlID8gJyAtIGluc3VmZmljaWVudCBzdG9jaycgOiAnJ31cbiAgICAgICAgICAgIHshaGlkZUNvc3QgJiYgdmFyaWF0aW9uQ29zdERldGFpbChvcHRpb24pfVxuICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICApKX1cbiAgICAgIDwvc2VsZWN0PlxuICAgICAgPFZhcmlhdGlvbkVycm9yIG5hbWU9e25hbWV9IC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWYXJpYXRpb25TZWxlY3Q7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFlBQVk7O0FBQUMsU0FBQUEsUUFBQUMsQ0FBQSxzQ0FBQUQsT0FBQSx3QkFBQUUsTUFBQSx1QkFBQUEsTUFBQSxDQUFBQyxRQUFBLGFBQUFGLENBQUEsa0JBQUFBLENBQUEsZ0JBQUFBLENBQUEsV0FBQUEsQ0FBQSx5QkFBQUMsTUFBQSxJQUFBRCxDQUFBLENBQUFHLFdBQUEsS0FBQUYsTUFBQSxJQUFBRCxDQUFBLEtBQUFDLE1BQUEsQ0FBQUcsU0FBQSxxQkFBQUosQ0FBQSxLQUFBRCxPQUFBLENBQUFDLENBQUE7QUFBQSxTQUFBSyxRQUFBQyxDQUFBLEVBQUFDLENBQUEsUUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLElBQUEs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

package/lib/components/VariationSelectElements.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface Props {
+    disabled?: boolean;
+    inputType?: string;
+    name: string;
+    variation: any;
+}
+export declare const VariationSelectElements: React.FC<Props>;
+interface FieldProps {
+    disabled?: boolean;
+    name: string;
+    variation: any;
+}
+export declare const VariationSelectImage: (props: FieldProps) => React.JSX.Element;
+export declare const VariationSelectColour: (props: FieldProps) => React.JSX.Element;
+export {};