@anoki/fse-ui 1.0.0-beta1.48.44 → 1.0.0-beta1.48.45

package/dist/index.es443.js

@@ -1,8 +1,107 @@
-import { CardRoot as o } from "./index.es516.js";
-const r = {
-  Root: o
-};
+import { j as a } from "./index.es245.js";
+import './components/ui/Feedback/Questions.css';/* empty css            */
+import { useState as b, useCallback as k } from "react";
+import { Button as h } from "./index.es28.js";
+function E({
+  questions: l,
+  onChangeAnswer: i,
+  onSend: u,
+  values: s,
+  openAnswer: c,
+  handleOpenAnswer: f,
+  buttons: r,
+  maxCharactersMessage: o,
+  openAnswerPlaceholder: x
+}) {
+  const [e, m] = b(0), j = k(
+    (t, n) => {
+      i(t, n);
+    },
+    [i]
+  ), g = () => {
+    u();
+  }, N = () => {
+    !s[e] && l[e].type !== "OPEN" || (e < l.length - 1 && m(e + 1), e === l.length - 1 && g());
+  }, v = () => {
+    e > 0 && m(e - 1);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "steppers", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "steppers-header pb-2  align-items-center", children: [
+      /* @__PURE__ */ a.jsx("p", { className: "steppers-header-question-title", children: l[e].question }),
+      /* @__PURE__ */ a.jsxs("span", { className: "steppers-header-question-number", children: [
+        e + 1,
+        "/",
+        l.length
+      ] })
+    ] }),
+    /* @__PURE__ */ a.jsx("div", { className: "steppers-content", "aria-live": "polite", children: l[e].type === "CLOSE" ? /* @__PURE__ */ a.jsx("div", { className: "list-group", children: l[e].answers.map((t, n) => {
+      var d, p;
+      return /* @__PURE__ */ a.jsxs(
+        "label",
+        {
+          htmlFor: `checkbox-${t.id}`,
+          className: " fw-regular fs-6 list-group-item ",
+          children: [
+            /* @__PURE__ */ a.jsx(
+              "input",
+              {
+                type: "radio",
+                id: `checkbox-${t.id}`,
+                name: `question-${e}`,
+                value: t.answer,
+                checked: ((p = (d = s == null ? void 0 : s[e]) == null ? void 0 : d.answer) == null ? void 0 : p.includes(t)) || !1,
+                onChange: () => j(l[e].id, t),
+                className: "custom-control-input form-check-input me-2 black-focus"
+              }
+            ),
+            t.answer
+          ]
+        },
+        `${l[e].id}-${n}`
+      );
+    }) }) : /* @__PURE__ */ a.jsxs("div", { className: "form-group d-flex flex-column gap-1", children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: x,
+          className: "form-control black-focus",
+          value: c,
+          onChange: (t) => t.target.value.length <= 200 && f(t.target.value),
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ a.jsxs("div", { className: "d-flex justify-content-between align-items-center max-chars-container", children: [
+        o && /* @__PURE__ */ a.jsx("p", { className: " fs-6 fw-normal ", children: o }),
+        c && c.length > 0 && /* @__PURE__ */ a.jsxs("p", { className: "active fs-6 fw-normal ", children: [
+          c.length,
+          "/200"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a.jsxs("nav", { className: "steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap", children: [
+      /* @__PURE__ */ a.jsx(
+        h,
+        {
+          className: "feedback-button-back",
+          onClick: v,
+          disabled: e === 0,
+          children: r.previous
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        h,
+        {
+          className: "feedback-button-next",
+          onClick: N,
+          disabled: e === l.length,
+          children: r.next
+        }
+      )
+    ] })
+  ] });
+}
 export {
-  r as CardComponent
+  E as Questions
 };
 //# sourceMappingURL=index.es443.js.map

package/dist/index.es443.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es443.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\r\n\r\nexport const CardComponent = {\r\n  Root: CardRoot,\r\n};\r\n"],"names":["CardComponent","CardRoot"],"mappings":";AAEO,MAAMA,IAAgB;AAAA,EAC3B,MAAMC;AACR;"}
+{"version":3,"file":"index.es443.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\r\nimport { Button } from \"@/components\";\r\n\r\nexport function Questions({\r\n  questions,\r\n  onChangeAnswer,\r\n  onSend,\r\n  values: selectedAnswers,\r\n  openAnswer,\r\n  handleOpenAnswer,\r\n  buttons,\r\n  maxCharactersMessage,\r\n  openAnswerPlaceholder,\r\n}: QuestionsProps) {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n\r\n  const handleAnswerChange = useCallback(\r\n    (questionId: string, answer: Answer) => {\r\n      onChangeAnswer(questionId, answer);\r\n    },\r\n    [onChangeAnswer],\r\n  );\r\n\r\n  const onConfirm = () => {\r\n    onSend();\r\n  };\r\n\r\n  const handleNext = () => {\r\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\r\n      return;\r\n\r\n    if (currentStep < questions.length - 1) {\r\n      setCurrentStep(currentStep + 1);\r\n    }\r\n\r\n    if (currentStep === questions.length - 1) {\r\n      onConfirm();\r\n    }\r\n  };\r\n\r\n  const handlePrevious = () => {\r\n    if (currentStep > 0) {\r\n      setCurrentStep(currentStep - 1);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"steppers\">\r\n      <div className=\"steppers-header pb-2  align-items-center\">\r\n        <p className={\"steppers-header-question-title\"}>\r\n          {questions[currentStep].question}\r\n        </p>\r\n        <span className={\"steppers-header-question-number\"}>\r\n          {currentStep + 1}/{questions.length}\r\n        </span>\r\n      </div>\r\n      <div className=\"steppers-content\" aria-live=\"polite\">\r\n        {questions[currentStep].type === \"CLOSE\" ? (\r\n          <div className=\"list-group\">\r\n            {questions[currentStep].answers.map((answer, index) => (\r\n              <label\r\n                key={`${questions[currentStep].id}-${index}`}\r\n                htmlFor={`checkbox-${answer.id}`}\r\n                className=\" fw-regular fs-6 list-group-item \"\r\n              >\r\n                <input\r\n                  type=\"radio\"\r\n                  id={`checkbox-${answer.id}`}\r\n                  name={`question-${currentStep}`}\r\n                  value={answer.answer}\r\n                  checked={\r\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\r\n                    false\r\n                  }\r\n                  onChange={() =>\r\n                    handleAnswerChange(questions[currentStep].id, answer)\r\n                  }\r\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\r\n                />\r\n                {answer.answer}\r\n              </label>\r\n            ))}\r\n          </div>\r\n        ) : (\r\n          <div className=\"form-group d-flex flex-column gap-1\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder={openAnswerPlaceholder}\r\n              className=\"form-control black-focus\"\r\n              value={openAnswer}\r\n              onChange={(e) =>\r\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\r\n              }\r\n              autoFocus\r\n            />\r\n\r\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\r\n              {maxCharactersMessage && (\r\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\r\n              )}\r\n              {openAnswer && openAnswer.length > 0 && (\r\n                <p className=\"active fs-6 fw-normal \">\r\n                  {openAnswer.length}/200\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\r\n        <Button\r\n          className=\"feedback-button-back\"\r\n          onClick={handlePrevious}\r\n          disabled={currentStep === 0}\r\n        >\r\n          {buttons.previous}\r\n        </Button>\r\n\r\n        <Button\r\n          className=\"feedback-button-next\"\r\n          onClick={handleNext}\r\n          disabled={currentStep === questions.length}\r\n        >\r\n          {buttons.next}\r\n        </Button>\r\n      </nav>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}

package/dist/index.es444.js

@@ -0,0 +1,8 @@
+import { CardRoot as o } from "./index.es516.js";
+const r = {
+  Root: o
+};
+export {
+  r as CardComponent
+};
+//# sourceMappingURL=index.es444.js.map

package/dist/index.es444.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es444.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\r\n\r\nexport const CardComponent = {\r\n  Root: CardRoot,\r\n};\r\n"],"names":["CardComponent","CardRoot"],"mappings":";AAEO,MAAMA,IAAgB;AAAA,EAC3B,MAAMC;AACR;"}

package/dist/{index.es445.js → index.es446.js}

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es244.js";
+import { j as i } from "./index.es245.js";
 const l = ({
   className: t,
   decorative: e = !0,
@@ -184,4 +184,4 @@ const l = ({
 export {
   l as CtaCardIcon
 };
-//# sourceMappingURL=index.es445.js.map
+//# sourceMappingURL=index.es446.js.map

package/dist/{index.es445.js.map → index.es446.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es445.js","sources":["../src/icons/CtaCardIcon/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons.ts\";\n\nexport const CtaCardIcon = ({\n  className,\n  decorative = true,\n  ariaLabel = \"CTA card\",\n}: IconProps) => {\n  return (\n    <svg\n      className={className}\n      width=\"121\"\n      height=\"49\"\n      viewBox=\"0 0 121 49\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <rect width=\"121\" height=\"49\" fill=\"#C5C7C9\" />\n      <g clipPath=\"url(#clip0_16364_119694)\">\n        <rect\n          width=\"1440\"\n          height=\"35228\"\n          transform=\"translate(-608 -31452)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"1440\"\n          height=\"29722\"\n          transform=\"translate(-608 -29136)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"1055\"\n          height=\"29848.1\"\n          transform=\"translate(-223 -29136)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"900\"\n          height=\"29848.1\"\n          transform=\"translate(-223 -29136)\"\n          fill=\"white\"\n        />\n        <g\n          clipPath=\"url(#clip1_16364_119694)\"\n          filter=\"url(#filter0_d_16364_119694)\"\n        >\n          <rect\n            x=\"-199\"\n            y=\"-47.9004\"\n            width=\"320\"\n            height=\"96\"\n            rx=\"4\"\n            fill=\"#0066CC\"\n          />\n          <mask id=\"path-2-inside-1_16364_119694\" fill=\"white\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z\"\n            />\n          </mask>\n          <path\n            d=\"M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z\"\n            fill=\"white\"\n            mask=\"url(#path-2-inside-1_16364_119694)\"\n          />\n          <g opacity=\"0.4\">\n            <mask id=\"path-4-inside-2_16364_119694\" fill=\"white\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z\"\n              />\n            </mask>\n            <path\n              d=\"M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z\"\n              fill=\"white\"\n              mask=\"url(#path-4-inside-2_16364_119694)\"\n            />\n          </g>\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_16364_119694\"\n          x=\"-215\"\n          y=\"-63.9004\"\n          width=\"352\"\n          height=\"128\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_16364_119694\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_16364_119694\"\n            result=\"shape\"\n          />\n        </filter>\n        <clipPath id=\"clip0_16364_119694\">\n          <rect\n            width=\"1440\"\n            height=\"35228\"\n            fill=\"white\"\n            transform=\"translate(-608 -31452)\"\n          />\n        </clipPath>\n        <clipPath id=\"clip1_16364_119694\">\n          <rect\n            width=\"320\"\n            height=\"96\"\n            fill=\"white\"\n            transform=\"translate(-199 -47.9004)\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\r\n"],"names":["CtaCardIcon","className","decorative","ariaLabel","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAAH;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,eAAaC;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IAE1B,UAAA;AAAA,MAAAE,gBAAAA,MAAC,UAAK,OAAM,OAAM,QAAO,MAAK,MAAK,WAAU;AAAA,MAC7CD,gBAAAA,EAAAA,KAAC,KAAE,EAAA,UAAS,4BACV,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,QAAO;AAAA,YAEP,UAAA;AAAA,cAAAC,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,IAAG;AAAA,kBACH,MAAK;AAAA,gBAAA;AAAA,cACP;AAAA,cACCA,gBAAAA,EAAA,IAAA,QAAA,EAAK,IAAG,gCAA+B,MAAK,SAC3C,UAAAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,UAAS;AAAA,kBACT,GAAE;AAAA,gBAAA;AAAA,cAAA,GAEN;AAAA,cACAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,MAAK;AAAA,gBAAA;AAAA,cACP;AAAA,cACAD,gBAAAA,EAAAA,KAAC,KAAE,EAAA,SAAQ,OACT,UAAA;AAAA,gBAAAC,gBAAAA,EAAA,IAAC,QAAK,EAAA,IAAG,gCAA+B,MAAK,SAC3C,UAAAA,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,UAAS;AAAA,oBACT,GAAE;AAAA,kBAAA;AAAA,gBAAA,GAEN;AAAA,gBACAA,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,GAAE;AAAA,oBACF,MAAK;AAAA,oBACL,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,6BACC,QACC,EAAA,UAAA;AAAA,QAAAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,2BAA0B;AAAA,YAE1B,UAAA;AAAA,cAAAC,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACT;AAAA,oCACC,YAAS,EAAA;AAAA,cACVA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,gBAAA;AAAA,cACT;AAAA,cACAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACT;AAAA,cACAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,QACAA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,sBACX,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,sBACX,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,QAAA,EAEd,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es446.js","sources":["../src/icons/CtaCardIcon/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons.ts\";\n\nexport const CtaCardIcon = ({\n  className,\n  decorative = true,\n  ariaLabel = \"CTA card\",\n}: IconProps) => {\n  return (\n    <svg\n      className={className}\n      width=\"121\"\n      height=\"49\"\n      viewBox=\"0 0 121 49\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <rect width=\"121\" height=\"49\" fill=\"#C5C7C9\" />\n      <g clipPath=\"url(#clip0_16364_119694)\">\n        <rect\n          width=\"1440\"\n          height=\"35228\"\n          transform=\"translate(-608 -31452)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"1440\"\n          height=\"29722\"\n          transform=\"translate(-608 -29136)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"1055\"\n          height=\"29848.1\"\n          transform=\"translate(-223 -29136)\"\n          fill=\"white\"\n        />\n        <rect\n          width=\"900\"\n          height=\"29848.1\"\n          transform=\"translate(-223 -29136)\"\n          fill=\"white\"\n        />\n        <g\n          clipPath=\"url(#clip1_16364_119694)\"\n          filter=\"url(#filter0_d_16364_119694)\"\n        >\n          <rect\n            x=\"-199\"\n            y=\"-47.9004\"\n            width=\"320\"\n            height=\"96\"\n            rx=\"4\"\n            fill=\"#0066CC\"\n          />\n          <mask id=\"path-2-inside-1_16364_119694\" fill=\"white\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z\"\n            />\n          </mask>\n          <path\n            d=\"M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z\"\n            fill=\"white\"\n            mask=\"url(#path-2-inside-1_16364_119694)\"\n          />\n          <g opacity=\"0.4\">\n            <mask id=\"path-4-inside-2_16364_119694\" fill=\"white\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z\"\n              />\n            </mask>\n            <path\n              d=\"M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z\"\n              fill=\"white\"\n              mask=\"url(#path-4-inside-2_16364_119694)\"\n            />\n          </g>\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_16364_119694\"\n          x=\"-215\"\n          y=\"-63.9004\"\n          width=\"352\"\n          height=\"128\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_16364_119694\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_16364_119694\"\n            result=\"shape\"\n          />\n        </filter>\n        <clipPath id=\"clip0_16364_119694\">\n          <rect\n            width=\"1440\"\n            height=\"35228\"\n            fill=\"white\"\n            transform=\"translate(-608 -31452)\"\n          />\n        </clipPath>\n        <clipPath id=\"clip1_16364_119694\">\n          <rect\n            width=\"320\"\n            height=\"96\"\n            fill=\"white\"\n            transform=\"translate(-199 -47.9004)\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\r\n"],"names":["CtaCardIcon","className","decorative","ariaLabel","jsxs","jsx"],"mappings":"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"}

package/dist/index.es45.js

@@ -1,9 +1,9 @@
-import { j as m } from "./index.es244.js";
+import { j as m } from "./index.es245.js";
 import { BaseModal as s } from "./index.es44.js";
-import { ConsentModalHeader as a } from "./index.es329.js";
-import { ConsentModalFooter as i } from "./index.es330.js";
-import { ContentModalContent as d } from "./index.es331.js";
-import { clsx as p } from "./index.es246.js";
+import { ConsentModalHeader as a } from "./index.es330.js";
+import { ConsentModalFooter as i } from "./index.es331.js";
+import { ContentModalContent as d } from "./index.es332.js";
+import { clsx as p } from "./index.es247.js";
 import './components/ui/ConsentModal/ConsentModal.css';/* empty css            */
 const o = ({
   open: r,

package/dist/index.es454.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es512.js";
+import { __exports as e } from "./index.es510.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es455.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es513.js";
+import { __exports as u } from "./index.es511.js";
 import B from "react";
 /**
  * @license React