@ultraviolet/plus
Version:
Ultraviolet Plus
122 lines (117 loc) • 20.7 kB
JavaScript
"use client";
import { jsx } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { css, keyframes } from "@emotion/react";
import { Stack } from "@ultraviolet/ui";
import { useState, useMemo } from "react";
import rating1 from "./assets/1-5.svg.js";
import rating1NS from "./assets/1-5NB.svg.js";
import rating2 from "./assets/2-5.svg.js";
import rating2NS from "./assets/2-5NB.svg.js";
import rating3 from "./assets/3-5.svg.js";
import rating3NS from "./assets/3-5NB.svg.js";
import rating4 from "./assets/4-5.svg.js";
import rating4NS from "./assets/4-5NB.svg.js";
import rating5 from "./assets/5-5.svg.js";
import rating5NS from "./assets/5-5NB.svg.js";
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
}
const ratings = [{
value: 1,
imgSelected: rating1,
imgNotSelected: rating1NS
}, {
value: 2,
imgSelected: rating2,
imgNotSelected: rating2NS
}, {
value: 3,
imgSelected: rating3,
imgNotSelected: rating3NS
}, {
value: 4,
imgSelected: rating4,
imgNotSelected: rating4NS
}, {
value: 5,
imgSelected: rating5,
imgNotSelected: rating5NS
}];
const angryAnim = keyframes`
from, 10%, 40%, 80%, to {
transform: translate3d(0, 0, 0);
transform: rotate(0deg);
}
30% {
transform: translate3d(-5px, 0, 0);
transform: rotate(5deg);
}
60% {
transform: translate3d(-4px, 0, 0);
}
90% {
transform: translate3d(-1px, 0, 0);
transform: rotate(-5deg);
}
`;
const happyAnim = keyframes`
from, 10%, 40%, 80%, to {
transform: translate3d(0, 0, 0);
transform: rotate(0deg);
}
30% {
transform: translate3d(0, 5px, 0);
transform: rotate(5deg);
}
60% {
transform: translate3d(0, -6px, 0);
}
90% {
transform: translate3d(0, -2px, 0);
}
`;
const scaled = process.env.NODE_ENV === "production" ? {
name: "1wbgrkf",
styles: "transform:scale(1.2)"
} : {
name: "mmno7c-scaled",
styles: "transform:scale(1.2);label:scaled;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGa0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9DdXN0b21lclNhdGlzZmFjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJhdGluZzEgZnJvbSAnLi9hc3NldHMvMS01LnN2ZydcbmltcG9ydCByYXRpbmcxTlMgZnJvbSAnLi9hc3NldHMvMS01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzIgZnJvbSAnLi9hc3NldHMvMi01LnN2ZydcbmltcG9ydCByYXRpbmcyTlMgZnJvbSAnLi9hc3NldHMvMi01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzMgZnJvbSAnLi9hc3NldHMvMy01LnN2ZydcbmltcG9ydCByYXRpbmczTlMgZnJvbSAnLi9hc3NldHMvMy01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzQgZnJvbSAnLi9hc3NldHMvNC01LnN2ZydcbmltcG9ydCByYXRpbmc0TlMgZnJvbSAnLi9hc3NldHMvNC01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzUgZnJvbSAnLi9hc3NldHMvNS01LnN2ZydcbmltcG9ydCByYXRpbmc1TlMgZnJvbSAnLi9hc3NldHMvNS01TkIuc3ZnJ1xuXG5jb25zdCByYXRpbmdzID0gW1xuICB7XG4gICAgdmFsdWU6IDEsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzEsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzFOUyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiAyLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcyLFxuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmcyTlMsXG4gIH0sXG4gIHtcbiAgICB2YWx1ZTogMyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMyxcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nM05TLFxuICB9LFxuICB7XG4gICAgdmFsdWU6IDQsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzQsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzROUyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiA1LFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc1LFxuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmc1TlMsXG4gIH0sXG5dIGFzIGNvbnN0XG5cbnR5cGUgVmFsdWUgPSAodHlwZW9mIHJhdGluZ3MpW251bWJlcl1bJ3ZhbHVlJ11cblxuY29uc3QgYW5ncnlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTVweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTRweCwgMCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTFweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGhhcHB5QW5pbSA9IGtleWZyYW1lc2BcbiAgZnJvbSwgMTAlLCA0MCUsIDgwJSwgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMzAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDVweCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTZweCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cbmBcblxuY29uc3Qgc2NhbGVkID0gY3NzYFxuICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG5gXG5cbmNvbnN0IEltYWdlID0gc3R5bGVkLmltZzx7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW5cbiAgaXNIb3ZlcmVkOiBib29sZWFuXG4gIGlzSGFwcHk6IGJvb2xlYW5cbn0+YFxuICBoZWlnaHQ6IDg4cHg7XG4gIHdpZHRoOiA4OHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxcyBjdWJpYy1iZXppZXIoMC4xOSwgMSwgMC4yMiwgMSk7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgJHtzY2FsZWR9O1xuICB9XG5cbiAgJHsoeyBpc0hvdmVyZWQsIGlzU2VsZWN0ZWQgfSkgPT4gaXNIb3ZlcmVkICYmIGlzU2VsZWN0ZWQgJiYgc2NhbGVkfVxuICAkeyh7IGlzU2VsZWN0ZWQsIGlzSGFwcHkgfSkgPT5cbiAgICBpc1NlbGVjdGVkICYmXG4gICAgY3NzYFxuICAgICAgYW5pbWF0aW9uOiAke2lzSGFwcHkgPyBoYXBweUFuaW0gOiBhbmdyeUFuaW19IDFzIGVhc2UgaW5maW5pdGU7XG4gICAgYH1cbmBcblxudHlwZSBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzID0ge1xuICB2YWx1ZTogVmFsdWVcbiAgb25DaGFuZ2U6IChyYXRpbmc6IFZhbHVlKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21lclNhdGlzZmFjdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxufTogQ3VzdG9tZXJTYXRpc2ZhY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCBbaG92ZXJlZFZhbHVlLCBzZXRIb3ZlcmVkVmFsdWVdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgaXNIYXBweSA9IHVzZU1lbW8oKCkgPT4gdmFsdWUgPiByYXRpbmdzLmxlbmd0aCAvIDIsIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICB7cmF0aW5ncy5tYXAocmF0aW5nID0+IHtcbiAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IHJhdGluZy52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICAgY29uc3QgaXNIb3ZlcmVkID0gcmF0aW5nLnZhbHVlID09PSBob3ZlcmVkVmFsdWVcbiAgICAgICAgY29uc3QgaXNPdmVyZmx5ID0gcmF0aW5nLnZhbHVlIDw9IGhvdmVyZWRWYWx1ZVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICBrZXk9e3JhdGluZy52YWx1ZX1cbiAgICAgICAgICAgIGlzSGFwcHk9e2lzSGFwcHl9XG4gICAgICAgICAgICBpc0hvdmVyZWQ9e2lzSG92ZXJlZH1cbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBzcmM9e1xuICAgICAgICAgICAgICBpc1NlbGVjdGVkIHx8IGlzT3ZlcmZseSB8fCByYXRpbmcudmFsdWUgPD0gdmFsdWVcbiAgICAgICAgICAgICAgICA/IHJhdGluZy5pbWdTZWxlY3RlZFxuICAgICAgICAgICAgICAgIDogcmF0aW5nLmltZ05vdFNlbGVjdGVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uQ2hhbmdlKHJhdGluZy52YWx1ZSlcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlRW50ZXI9eygpID0+IHtcbiAgICAgICAgICAgICAgc2V0SG92ZXJlZFZhbHVlKHJhdGluZy52YWx1ZSlcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlTGVhdmU9eygpID0+IHtcbiAgICAgICAgICAgICAgc2V0SG92ZXJlZFZhbHVlKDApXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2Ake2RhdGFUZXN0SWR9LSR7cmF0aW5nLnZhbHVlfWB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
const Image = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "production" ? {
target: "epmg9lb0"
} : {
target: "epmg9lb0",
label: "Image"
})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
isHovered,
isSelected
}) => isHovered && isSelected && scaled, " ", ({
isSelected,
isHappy
}) => isSelected && /* @__PURE__ */ css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHTyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICB2YWx1ZTogMSxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMSxcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICB9LFxuICB7XG4gICAgdmFsdWU6IDIsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzIsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiAzLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmczLFxuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gIH0sXG4gIHtcbiAgICB2YWx1ZTogNCxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNCxcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICB9LFxuICB7XG4gICAgdmFsdWU6IDUsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzUsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25DaGFuZ2UocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUoMClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YCR7ZGF0YVRlc3RJZH0tJHtyYXRpbmcudmFsdWV9YH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICB2YWx1ZTogMSxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMSxcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICB9LFxuICB7XG4gICAgdmFsdWU6IDIsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzIsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiAzLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmczLFxuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gIH0sXG4gIHtcbiAgICB2YWx1ZTogNCxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNCxcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICB9LFxuICB7XG4gICAgdmFsdWU6IDUsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzUsXG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25DaGFuZ2UocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUoMClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YCR7ZGF0YVRlc3RJZH0tJHtyYXRpbmcudmFsdWV9YH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
const CustomerSatisfaction = ({
value,
onChange,
"data-testid": dataTestId,
className
}) => {
const [hoveredValue, setHoveredValue] = useState(0);
const isHappy = useMemo(() => value > ratings.length / 2, [value]);
return /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "space-between", className, "data-testid": dataTestId, children: ratings.map((rating) => {
const isSelected = rating.value === value;
const isHovered = rating.value === hoveredValue;
const isOverfly = rating.value <= hoveredValue;
return /* @__PURE__ */ jsx(Image, { isHappy, isHovered, isSelected, src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected, onClick: () => {
onChange(rating.value);
}, onMouseEnter: () => {
setHoveredValue(rating.value);
}, onMouseLeave: () => {
setHoveredValue(0);
}, "data-testid": `${dataTestId}-${rating.value}` }, rating.value);
}) });
};
export {
CustomerSatisfaction
};