intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/feedback-form/lib/es6/component/slider-rating/SliderRating.js

@@ -13,13 +13,13 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Flex, Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_itt5b_gg_ .___SStar_itt5b_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_itt5b_gg_.__keyboardFocused_itt5b_gg_ .___SStar_itt5b_gg_.__hovered_itt5b_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_itt5b_gg_ .___SStar_itt5b_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_itt5b_gg_.__keyboardFocused_itt5b_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_itt5b_gg_.__readonly_itt5b_gg_ .___SStar_itt5b_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_itt5b_gg_.__filled_itt5b_gg_:active{animation:wobble .8s ease-in-out}.___SStar_itt5b_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_itt5b_gg_.__filled_itt5b_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "itt5b_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_itt5b_gg_",
-  "__SStar": "___SStar_itt5b_gg_",
-  "_keyboardFocused": "__keyboardFocused_itt5b_gg_",
-  "_hovered": "__hovered_itt5b_gg_",
-  "_readonly": "__readonly_itt5b_gg_",
-  "_filled": "__filled_itt5b_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_bte4u_gg_ .___SStar_bte4u_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_bte4u_gg_.__keyboardFocused_bte4u_gg_ .___SStar_bte4u_gg_.__hovered_bte4u_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_bte4u_gg_ .___SStar_bte4u_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_bte4u_gg_.__keyboardFocused_bte4u_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_bte4u_gg_.__readonly_bte4u_gg_ .___SStar_bte4u_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_bte4u_gg_.__filled_bte4u_gg_:active{animation:wobble .8s ease-in-out}.___SStar_bte4u_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_bte4u_gg_.__filled_bte4u_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "bte4u_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_bte4u_gg_",
+  "__SStar": "___SStar_bte4u_gg_",
+  "_keyboardFocused": "__keyboardFocused_bte4u_gg_",
+  "_hovered": "__hovered_bte4u_gg_",
+  "_readonly": "__readonly_bte4u_gg_",
+  "_filled": "__filled_bte4u_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';

package/feedback-form/lib/esm/FeedbackForm.mjs

@@ -0,0 +1,137 @@
+import x from "@babel/runtime/helpers/esm/extends";
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import F from "@babel/runtime/helpers/esm/classCallCheck";
+import L from "@babel/runtime/helpers/esm/createClass";
+import M from "@babel/runtime/helpers/esm/assertThisInitialized";
+import j from "@babel/runtime/helpers/esm/inherits";
+import P from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as N } from 'intergalactic/utils/lib/core/index';
+import B, { sstyled as u, Component as I, assignProps as g } from 'intergalactic/core';
+import s from "react";
+import { Form as f, Field as Z } from "react-final-form";
+import $ from "final-form-focus";
+import A from 'intergalactic/button';
+import D from 'intergalactic/spin-container';
+import { NoticeSmart as O } from 'intergalactic/notice';
+import { Box as S } from 'intergalactic/flex-box';
+import { FeedbackItem as R } from "./component/feedback-item/FeedbackItem.mjs";
+import { SubmitButton as z } from "./component/submit-button/SubmitButton.mjs";
+var V = ["Children", "styles", "forwardRef", "loading", "background", "theme"], v = (
+  /*__reshadow_css_start__*/
+  (N.insert(
+    /*__inner_css_start__*/
+    `.___SFeedbackForm_17snt_gg_{max-width:320px}.___SCancel_17snt_gg_,.___SSubmit_17snt_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_17snt_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_17snt_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_17snt_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")}`,
+    "17snt_gg_"
+  ), {
+    __SFeedbackForm: "___SFeedbackForm_17snt_gg_",
+    __SSubmit: "___SSubmit_17snt_gg_",
+    __SCancel: "___SCancel_17snt_gg_",
+    __SNotice: "___SNotice_17snt_gg_",
+    __SSuccess: "___SSuccess_17snt_gg_",
+    __SEmail: "___SEmail_17snt_gg_"
+  })
+), c = /* @__PURE__ */ function(n) {
+  j(e, n);
+  var a = P(e);
+  function e() {
+    var r;
+    F(this, e);
+    for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++)
+      o[i] = arguments[i];
+    return r = a.call.apply(a, [this].concat(o)), l(M(r), "focusDecorator", $()), r;
+  }
+  return L(e, [{
+    key: "getItemProps",
+    value: function() {
+      var t = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = S, o = this.asProps, i = o.Children, _ = o.styles, p = o.forwardRef, h = o.loading, E = o.background, w = o.theme, k = y(o, V);
+      return /* @__PURE__ */ s.createElement(f, x({
+        decorators: [this.focusDecorator]
+      }, k), function(C) {
+        var m;
+        return m = u(_), /* @__PURE__ */ s.createElement(D, m.cn("SpinContainer", {
+          background: E,
+          theme: w,
+          size: "xl",
+          loading: h === void 0 ? C.submitting : h
+        }), /* @__PURE__ */ s.createElement(t, m.cn("SFeedbackForm", d(d({
+          tag: "form",
+          noValidate: !0,
+          method: "POST",
+          ref: p
+        }, k), {}, {
+          onSubmit: C.handleSubmit
+        })), typeof i.origin == "function" ? i.origin(C) : /* @__PURE__ */ s.createElement(i, m.cn("Children", {}))));
+      });
+    }
+  }]), e;
+}(I);
+l(c, "displayName", "FeedbackForm");
+l(c, "style", v);
+l(c, "FinalForm", {
+  Field: Z,
+  Form: f
+});
+l(c, "defaultProps", {
+  onSubmit: function() {
+  }
+});
+l(c, "validate", {
+  description: function(a) {
+    return function() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", r = e.split(/\s+/), t = r.join(" ");
+      if (t.length < 10 || r.length < 3)
+        return a;
+    };
+  },
+  email: function(a) {
+    return function() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      if (!/.+@.+\..+/i.test(String(e).toLowerCase()))
+        return a;
+    };
+  }
+});
+function b(n) {
+  var a = arguments[0], e, r = n.Children, t = n.styles, o = S, i = "div";
+  return e = u(t), /* @__PURE__ */ s.createElement(o, e.cn("SSuccess", d({}, g({
+    tabIndex: -1
+  }, a))), /* @__PURE__ */ s.createElement(i, e.cn("SEmail", {
+    "aria-hidden": !0
+  })), /* @__PURE__ */ s.createElement("span", e.cn("span", {}), /* @__PURE__ */ s.createElement(r, e.cn("Children", {}))));
+}
+b.style = v;
+function H(n) {
+  var a = arguments[0], e, r = n.styles, t = A;
+  return e = u(r), /* @__PURE__ */ s.createElement(t, e.cn("SCancel", d({}, g({
+    type: "reset",
+    use: "secondary",
+    theme: "muted"
+  }, a))));
+}
+function T(n) {
+  var a = arguments[0], e, r = n.styles, t = n.theme, o = t === void 0 ? "muted" : t, i = n.use, _ = i === void 0 ? "secondary" : i, p = O;
+  return e = u(r), /* @__PURE__ */ s.createElement(p, e.cn("SNotice", d({}, g({
+    "use:theme": o,
+    "use:use": _
+  }, a))));
+}
+const me = B(c, {
+  Item: R,
+  Success: b,
+  Submit: z,
+  Cancel: H,
+  Notice: T
+});
+export {
+  me as default
+};

package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs

@@ -0,0 +1,50 @@
+import _ from "@babel/runtime/helpers/esm/objectSpread2";
+import b from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import f from "@babel/runtime/helpers/esm/createClass";
+import y from "@babel/runtime/helpers/esm/inherits";
+import k from "@babel/runtime/helpers/esm/createSuper";
+import v from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as C } from 'intergalactic/utils/lib/core/index';
+import B, { sstyled as w, assignProps as S, Component as P } from 'intergalactic/core';
+import o from "react";
+import { Box as E } from 'intergalactic/flex-box';
+import a from 'intergalactic/checkbox';
+var R = ["styles", "id", "label", "type", "focused"], j = (
+  /*__reshadow_css_start__*/
+  (C.insert(
+    /*__inner_css_start__*/
+    ".___SCheckboxButton_mywhp_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_mywhp_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_mywhp_gg_.__checked_mywhp_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_mywhp_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_mywhp_gg_.__checked_mywhp_gg_:hover{background-color:rgba(0,143,248,.2)}}",
+    "mywhp_gg_"
+  ), {
+    __SCheckboxButton: "___SCheckboxButton_mywhp_gg_",
+    _checked: "__checked_mywhp_gg_"
+  })
+), i = /* @__PURE__ */ function(n) {
+  y(r, n);
+  var s = k(r);
+  function r() {
+    return x(this, r), s.apply(this, arguments);
+  }
+  return f(r, [{
+    key: "render",
+    value: function() {
+      var p = this.asProps, t, e = this.asProps, l = e.styles, c = e.id, m = e.label;
+      e.type;
+      var d = e.focused, h = b(e, R), g = d ? 20 : !1, u = E;
+      return t = w(l), /* @__PURE__ */ o.createElement(u, t.cn("SCheckboxButton", _({}, S({
+        __excludeProps: ["onChange", "id", "type"]
+      }, p))), /* @__PURE__ */ o.createElement(a, t.cn("Checkbox", _({}, h)), /* @__PURE__ */ o.createElement(a.Value, {
+        autoFocus: g,
+        "aria-labelledby": c
+      }), /* @__PURE__ */ o.createElement(a.Text, {
+        id: c
+      }, m)));
+    }
+  }]), r;
+}(P);
+v(i, "style", j);
+var K = B(i);
+export {
+  K as default
+};

package/feedback-form/lib/esm/component/feedback-item/FeedbackItem.mjs

@@ -0,0 +1,45 @@
+import b from "@babel/runtime/helpers/esm/extends";
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import h from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import t from "react";
+import { Field as C } from "react-final-form";
+import d from 'intergalactic/tooltip';
+import k from 'intergalactic/utils/lib/pick';
+import I from 'intergalactic/utils/lib/uniqueID';
+import { assignProps as L } from 'intergalactic/utils/lib/core';
+import R from 'intergalactic/utils/lib/propsForElement';
+var S = ["Children", "tag", "uid", "tooltipProps"], T = ["input", "meta"], _ = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate"];
+function j(r) {
+  var m = r.Children, s = r.tag, g = r.uid, c = r.tooltipProps, P = c === void 0 ? _ : c, o = h(r, S), y = k(o, P), u = t.useRef(void 0);
+  return /* @__PURE__ */ t.createElement(C, o, function(a) {
+    var n, E = a.input, e = a.meta, l = h(a, T), w = l.validateOnBlur === !1 ? e.submitFailed : !0, x = e.invalid && e.touched, i = w && x, v = "".concat(g, "-error-description"), F = o["aria-describedby"], f = L(p(p({}, R(l)), {}, {
+      state: i ? "invalid" : "normal",
+      "aria-invalid": !!i,
+      "aria-describedby": e.active ? i ? v : F : void 0
+    }), E);
+    return e != null && e.error && (u.current = e.error), /* @__PURE__ */ t.createElement(d, b({
+      visible: i && e.active,
+      theme: "warning",
+      placement: "left",
+      flip: {
+        fallbackPlacements: ["right", "bottom"]
+      }
+    }, y), /* @__PURE__ */ t.createElement(d.Trigger, b({
+      inline: !1,
+      role: void 0,
+      tag: s
+    }, s ? f : {}, {
+      __excludeProps: ["type", "aria-describedby"]
+    }), typeof m.origin == "function" && m.origin(p({
+      input: f,
+      meta: e
+    }, l))), /* @__PURE__ */ t.createElement(d.Popper, {
+      w: "100%",
+      id: v
+    }, (n = e.error) !== null && n !== void 0 ? n : u.current));
+  });
+}
+j.enhance = [I()];
+export {
+  j as FeedbackItem
+};

package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs

@@ -0,0 +1,310 @@
+import E from "@babel/runtime/helpers/esm/objectSpread2";
+import Z from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import I from "@babel/runtime/helpers/esm/extends";
+import ee from "@babel/runtime/helpers/esm/classCallCheck";
+import te from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import re from "@babel/runtime/helpers/esm/inherits";
+import ne from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as ae } from 'intergalactic/utils/lib/core/index';
+import ie, { sstyled as B, assignProps as w, Component as oe } from 'intergalactic/core';
+import e from "react";
+import { Field as H, Form as le } from "react-final-form";
+import se from "final-form-focus";
+import me from 'intergalactic/spin-container';
+import ce from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import ue from 'intergalactic/utils/lib/uniqueID';
+import u from 'intergalactic/notice';
+import de from 'intergalactic/icon/Check/m';
+import pe from 'intergalactic/icon/Warning/m';
+import { Text as P } from 'intergalactic/typography';
+import fe from 'intergalactic/illustration/Feedback';
+import he from 'intergalactic/link';
+import W from "../slider-rating/SliderRating.mjs";
+import ge from 'intergalactic/modal';
+import be from 'intergalactic/textarea';
+import { Flex as k, Box as N } from 'intergalactic/flex-box';
+import { FeedbackItem as ve } from "../feedback-item/FeedbackItem.mjs";
+import { SubmitButton as ke } from "../submit-button/SubmitButton.mjs";
+import ye from "../checkbox-button/CheckboxButton.mjs";
+import j from 'intergalactic/input';
+import { localizedMessages as A } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { NoticeBubbleManager as Ce, NoticeBubbleContainer as xe } from 'intergalactic/notice-bubble';
+var Ee = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"], _e = (
+  /*__reshadow_css_start__*/
+  (ae.insert(
+    /*__inner_css_start__*/
+    ".___SFeedbackRating_1x532_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1x532_gg_ li{list-style:none}",
+    "1x532_gg_"
+  ), {
+    __SFeedbackRating: "___SFeedbackRating_1x532_gg_"
+  })
+), y = /* @__PURE__ */ function(b) {
+  re(o, b);
+  var p = ne(o);
+  function o() {
+    var n;
+    ee(this, o);
+    for (var i = arguments.length, v = new Array(i), a = 0; a < i; a++)
+      v[a] = arguments[a];
+    return n = p.call.apply(p, [this].concat(v)), s(f(n), "state", {
+      error: !1
+    }), s(f(n), "manager", new Ce()), s(f(n), "focusDecorator", se()), s(f(n), "handleChangeRating", function(t) {
+      n.asProps.onVisibleChange(!0, t);
+    }), s(f(n), "handelCloseModal", function() {
+      n.asProps.onVisibleChange(!1, n.asProps.rating);
+    }), s(f(n), "handleChange", function(t) {
+      return function(r, m) {
+        t(m);
+      };
+    }), s(f(n), "renderCheckbox", function(t, r) {
+      var m = n.props.initialValues[t.key];
+      return /* @__PURE__ */ e.createElement(H, {
+        name: t.key,
+        initialValue: m,
+        type: "checkbox",
+        key: t.key
+      }, function(h) {
+        var g = h.input;
+        return /* @__PURE__ */ e.createElement(x.Checkbox, I({}, g, {
+          id: t.key,
+          label: t.label,
+          onChange: function(l, F) {
+            return g.onChange(F);
+          },
+          focused: r === 0
+        }));
+      });
+    }), s(f(n), "renderTextField", function(t) {
+      var r, m = n.props.initialValues[t.key], h = typeof t.label == "string" ? /* @__PURE__ */ e.createElement(P, {
+        mb: 2,
+        size: 200
+      }, t.label) : t.label, g = ((r = t.description) === null || r === void 0 ? void 0 : r.type) === e.Fragment;
+      return /* @__PURE__ */ e.createElement(k, {
+        direction: "column"
+      }, /* @__PURE__ */ e.createElement(k, {
+        tag: "label",
+        mt: 4,
+        htmlFor: t.key,
+        key: t.key
+      }, h), /* @__PURE__ */ e.createElement(x.Item, {
+        name: t.key,
+        validate: t.validate,
+        initialValue: m,
+        placement: "left-start",
+        flip: {
+          fallbackPlacements: ["right-start", "bottom"]
+        },
+        "aria-describedby": t.description ? t.key + "-description" : void 0
+      }, function(_) {
+        var l = _.input;
+        return t.type === "textarea" ? /* @__PURE__ */ e.createElement(be, I({}, l, {
+          h: 80,
+          onChange: n.handleChange(l.onChange),
+          id: t.key
+        })) : t.type === "input" || t.type === "email" ? (t.type === "email" && (l.autoComplete = "email", l.type = "email"), /* @__PURE__ */ e.createElement(j, {
+          state: l.state
+        }, /* @__PURE__ */ e.createElement(j.Value, I({}, l, {
+          onChange: n.handleChange(l.onChange),
+          id: t.key
+        })))) : null;
+      }), t.description && /* @__PURE__ */ e.createElement(N, {
+        mt: 2
+      }, typeof t.description == "string" || g ? /* @__PURE__ */ e.createElement(P, {
+        size: 200,
+        color: "text-secondary",
+        id: t.key + "-description"
+      }, t.description) : t.description));
+    }), n;
+  }
+  return te(o, [{
+    key: "headerId",
+    get: function() {
+      var i = this.asProps.uid;
+      return "".concat(i, "-feedback-rating-header");
+    }
+  }, {
+    key: "getHeaderProps",
+    value: function() {
+      return {
+        id: this.headerId
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function() {
+      var i = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: i
+      };
+    }
+  }, {
+    key: "getNoticeTextId",
+    value: function() {
+      var i = this.asProps.uid;
+      return "".concat(i, "-feedback-rating-notice");
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(i) {
+      var v = this, a = this.asProps, t = a.status, r = a.getI18nText;
+      i.status !== t && (this.setState({
+        error: !1
+      }), t === "success" ? setTimeout(function() {
+        v.manager.add({
+          icon: /* @__PURE__ */ e.createElement(de, {
+            color: "green-400"
+          }),
+          children: r("successMessage"),
+          initialAnimation: !0,
+          duration: 5e3
+        });
+      }, 300) : t === "error" && this.setState({
+        error: !0
+      }));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.asProps, v = this.asProps, a, t = this, r = this.asProps, m = r.header, h = r.submitText, g = r.formConfig, _ = r.notificationText, l = r.notificationTitle, F = r.learnMoreLink;
+      r.Children;
+      var L = r.styles, $ = r.forwardRef, T = r.status, O = r.theme, U = r.background, R = r.rating, q = r.visible;
+      r.onVisibleChange;
+      var G = r.notificationVisible, J = r.onNotificationClose, S = r.getI18nText, K = r.errorFeedbackEmail, M = r.modalWidth, z = Z(r, Ee), Q = ge, X = g.filter(function(d) {
+        return d.type === "checkbox";
+      }), Y = g.filter(function(d) {
+        return d.type === "textarea" || d.type === "input" || d.type === "email";
+      }), D = this.getNoticeTextId();
+      return a = B(L), /* @__PURE__ */ e.createElement(N, w({}, v), /* @__PURE__ */ e.createElement(u, a.cn("Notice", {
+        visible: G,
+        "aria-label": S("leaveFeedback"),
+        tag: k,
+        alignItems: l ? "flex-start" : "center"
+      }), /* @__PURE__ */ e.createElement(u.Label, {
+        mr: 3,
+        "aria-hidden": !0
+      }, /* @__PURE__ */ e.createElement(fe, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(u.Content, null, l ? /* @__PURE__ */ e.createElement(u.Title, null, l) : null, /* @__PURE__ */ e.createElement(u.Text, {
+        tag: k,
+        alignItems: l ? "flex-start" : "center"
+      }, /* @__PURE__ */ e.createElement(P, a.cn("Text", {
+        mr: 3,
+        id: D
+      }), _), /* @__PURE__ */ e.createElement(u.Actions, {
+        mt: 0
+      }, /* @__PURE__ */ e.createElement(W, a.cn("SliderRating", {
+        value: R,
+        onChange: this.handleChangeRating,
+        "aria-labelledby": D
+      }))), F && /* @__PURE__ */ e.createElement(he, a.cn("Link", {
+        ml: 3,
+        href: F
+      }), S("learnMore")))), /* @__PURE__ */ e.createElement(u.Close, {
+        onClick: J
+      })), /* @__PURE__ */ e.createElement(Q, a.cn("SFeedbackRating", E({}, w({
+        visible: q,
+        onClose: this.handelCloseModal,
+        p: 0,
+        "use:w": M ?? 440,
+        "aria-labelledby": this.headerId
+      }, i))), /* @__PURE__ */ e.createElement(le, a.cn("Form", E({
+        decorators: [this.focusDecorator]
+      }, z)), function(d) {
+        var c;
+        return c = B(L), /* @__PURE__ */ e.createElement(me, c.cn("SpinContainer", {
+          background: U,
+          theme: O,
+          size: "xl",
+          loading: T !== "loading" ? d.submitting : T === "loading",
+          p: 1,
+          m: 9
+        }), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+          justifyContent: "center"
+        }), /* @__PURE__ */ e.createElement(W, c.cn("SliderRating", {
+          value: R,
+          readonly: !0
+        }))), (m == null ? void 0 : m.type) === x.Header ? m : /* @__PURE__ */ e.createElement(x.Header, null, m), /* @__PURE__ */ e.createElement(N, c.cn("Box", E(E({
+          tag: "form",
+          noValidate: !0,
+          method: "POST",
+          ref: $
+        }, z), {}, {
+          onSubmit: d.handleSubmit
+        })), /* @__PURE__ */ e.createElement(H, c.cn("Field", {
+          name: "rating",
+          initialValue: R
+        }), function(C) {
+          var V = C.input;
+          return /* @__PURE__ */ e.createElement("input", I({}, V, {
+            type: "hidden"
+          }));
+        }), /* @__PURE__ */ e.createElement("div", c.cn("div", {
+          role: "group",
+          "aria-labelledby": t.headerId
+        }), X.map(function(C, V) {
+          return t.renderCheckbox(C, V);
+        })), Y.map(function(C) {
+          return t.renderTextField(C);
+        }), t.state.error && /* @__PURE__ */ e.createElement(u, c.cn("Notice", {
+          theme: "warning",
+          mt: 4,
+          mb: 4
+        }), /* @__PURE__ */ e.createElement(u.Label, null, /* @__PURE__ */ e.createElement(pe, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(u.Content, null, S("errorMessage", {
+          email: K
+        }))), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+          mt: 4,
+          justifyContent: "center"
+        }), /* @__PURE__ */ e.createElement(x.Submit, {
+          loading: T !== "loading" ? d.submitting : T === "loading",
+          size: "l"
+        }, h ?? S("submitButton")))));
+      })), /* @__PURE__ */ e.createElement(xe, a.cn("NoticeBubbleContainer", {
+        manager: this.manager
+      })));
+    }
+  }]), o;
+}(oe);
+s(y, "displayName", "FeedbackRatingForm");
+s(y, "style", _e);
+s(y, "enhance", [ce(A), ue()]);
+s(y, "defaultProps", {
+  onSubmit: function() {
+  },
+  i18n: A,
+  locale: "en"
+});
+s(y, "validate", {
+  description: function(p) {
+    return function() {
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", n = o.split(/\s+/), i = n.join(" ");
+      if (o && (i.length < 10 || n.length < 3))
+        return p;
+    };
+  },
+  email: function(p) {
+    return function() {
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      if (o && !/.+@.+\..+/i.test(String(o).toLowerCase()))
+        return p;
+    };
+  }
+});
+function Fe(b) {
+  var p = arguments[0], o, n = b.styles, i = P;
+  return o = B(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", E({}, w({
+    size: 300,
+    tag: "h2",
+    mb: 4,
+    mt: 4,
+    textAlign: "center"
+  }, p))));
+}
+var x = ie(y, {
+  Header: Fe,
+  Item: ve,
+  Checkbox: ye,
+  Submit: ke
+});
+export {
+  x as default
+};