@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

package/dist/js/components/src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.mjs

@@ -0,0 +1,85 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useState, useLayoutEffect } from 'react';
+import styles from './ComplexityIndicator.module.scss.mjs';
+import { getStatusFromPolicyValidationResult } from '../../lib/getStatusFromPolicyValidationResult.mjs';
+import clsx from 'clsx';
+
+const ComplexityIndicator = (props) => {
+  const {
+    policyValidationResult,
+    validationResultState,
+    isLoading,
+    isEmptyValue
+  } = props;
+  const complexityScore = policyValidationResult?.complexity;
+  const [state, setState] = useState({
+    percentage: 0,
+    status: "success",
+    visible: false
+  });
+  useLayoutEffect(() => {
+    if (isEmptyValue) {
+      setState({
+        status: "success",
+        percentage: 0,
+        visible: false
+      });
+      return;
+    }
+    let complexityFulfilledPercentage = 0;
+    if (policyValidationResult?.isValid === "indeterminate") {
+      complexityFulfilledPercentage = 100;
+    } else if (complexityScore && !isEmptyValue) {
+      complexityFulfilledPercentage = Math.min(
+        100 / (complexityScore.min + 1) * (complexityScore.actual + 1),
+        100
+      );
+    }
+    const policyValidationStatus = getStatusFromPolicyValidationResult(
+      validationResultState?.isValid ?? policyValidationResult.isValid,
+      policyValidationResult
+    );
+    setState({
+      status: policyValidationStatus,
+      percentage: complexityFulfilledPercentage,
+      visible: true
+    });
+  }, [policyValidationResult, isEmptyValue]);
+  const complexityVisible = state.visible;
+  const complexityFulfilled = state.percentage === 100;
+  const percentageClassName = clsx(
+    styles.bar,
+    !isEmptyValue && styles[`bar-background-status-${state.status}`],
+    {
+      [styles.loading]: isLoading,
+      [styles.running]: !complexityFulfilled
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      "data-container": "complexity",
+      "data-complexity-visible": complexityVisible,
+      "data-complexity-status": state.status,
+      "data-complexity-percentage": state.percentage,
+      className: clsx(styles.complexityIndicator, {
+        [styles.hide]: !complexityVisible
+      }),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: `${state.percentage}%`
+          },
+          className: percentageClassName
+        }
+      )
+    }
+  );
+};
+
+export { ComplexityIndicator, ComplexityIndicator as default };
+//# sourceMappingURL=ComplexityIndicator.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexityIndicator.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.tsx"],"sourcesContent":["import React, { type FC, useLayoutEffect, useState } from \"react\";\nimport styles from \"./ComplexityIndicator.module.scss\";\nimport { getStatusFromPolicyValidationResult } from \"@/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult\";\nimport clsx from \"clsx\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport { type Status } from \"@/lib/types/props\";\nimport type { StateFromLatestPolicyValidationResult } from \"@/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult\";\n\nexport type ComplexityStatus = Exclude<Status, \"info\"> | \"indeterminate\";\n\nexport interface ComplexityIndicatorProps {\n  isLoading: boolean;\n  isEmptyValue: boolean;\n  validationResultState: StateFromLatestPolicyValidationResult;\n  policyValidationResult: ResolvedPolicyValidationResult;\n}\n\n/** @internal */\nexport const ComplexityIndicator: FC<ComplexityIndicatorProps> = (props) => {\n  const {\n    policyValidationResult,\n    validationResultState,\n    isLoading,\n    isEmptyValue,\n  } = props;\n  const complexityScore = policyValidationResult?.complexity;\n\n  const [state, setState] = useState<{\n    status: ComplexityStatus;\n    percentage: number;\n    visible: boolean;\n  }>({\n    percentage: 0,\n    status: \"success\",\n    visible: false,\n  });\n\n  useLayoutEffect(() => {\n    if (isEmptyValue) {\n      setState({\n        status: \"success\",\n        percentage: 0,\n        visible: false,\n      });\n      return;\n    }\n\n    let complexityFulfilledPercentage = 0;\n    if (policyValidationResult?.isValid === \"indeterminate\") {\n      complexityFulfilledPercentage = 100;\n    } else if (complexityScore && !isEmptyValue) {\n      complexityFulfilledPercentage = Math.min(\n        (100 / (complexityScore.min + 1)) * (complexityScore.actual + 1),\n        100,\n      );\n    }\n\n    const policyValidationStatus = getStatusFromPolicyValidationResult(\n      validationResultState?.isValid ?? policyValidationResult.isValid,\n      policyValidationResult,\n    );\n\n    setState({\n      status: policyValidationStatus,\n      percentage: complexityFulfilledPercentage,\n      visible: true,\n    });\n  }, [policyValidationResult, isEmptyValue]);\n\n  const complexityVisible = state.visible;\n  const complexityFulfilled = state.percentage === 100;\n\n  const percentageClassName = clsx(\n    styles.bar,\n    !isEmptyValue && styles[`bar-background-status-${state.status}`],\n    {\n      [styles.loading as string]: isLoading,\n      [styles.running as string]: !complexityFulfilled,\n    },\n  );\n\n  return (\n    <div\n      aria-hidden={true}\n      data-container=\"complexity\"\n      data-complexity-visible={complexityVisible}\n      data-complexity-status={state.status}\n      data-complexity-percentage={state.percentage}\n      className={clsx(styles.complexityIndicator, {\n        [styles.hide as string]: !complexityVisible,\n      })}\n    >\n      <div\n        style={{\n          width: `${state.percentage}%`,\n        }}\n        className={percentageClassName}\n      />\n    </div>\n  );\n};\n\nexport default ComplexityIndicator;\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,mBAAA,GAAoD,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM;AAAA,IACJ,sBAAA;AAAA,IACA,qBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,kBAAkB,sBAAA,EAAwB,UAAA;AAEhD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAIvB;AAAA,IACD,UAAA,EAAY,CAAA;AAAA,IACZ,MAAA,EAAQ,SAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACV,CAAA;AAED,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,SAAA;AAAA,QACR,UAAA,EAAY,CAAA;AAAA,QACZ,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,6BAAA,GAAgC,CAAA;AACpC,IAAA,IAAI,sBAAA,EAAwB,YAAY,eAAA,EAAiB;AACvD,MAAA,6BAAA,GAAgC,GAAA;AAAA,IAClC,CAAA,MAAA,IAAW,eAAA,IAAmB,CAAC,YAAA,EAAc;AAC3C,MAAA,6BAAA,GAAgC,IAAA,CAAK,GAAA;AAAA,QAClC,GAAA,IAAO,eAAA,CAAgB,GAAA,GAAM,CAAA,CAAA,IAAO,gBAAgB,MAAA,GAAS,CAAA,CAAA;AAAA,QAC9D;AAAA,OACF;AAAA,IACF;AAEA,IAAA,MAAM,sBAAA,GAAyB,mCAAA;AAAA,MAC7B,qBAAA,EAAuB,WAAW,sBAAA,CAAuB,OAAA;AAAA,MACzD;AAAA,KACF;AAEA,IAAA,QAAA,CAAS;AAAA,MACP,MAAA,EAAQ,sBAAA;AAAA,MACR,UAAA,EAAY,6BAAA;AAAA,MACZ,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,sBAAA,EAAwB,YAAY,CAAC,CAAA;AAEzC,EAAA,MAAM,oBAAoB,KAAA,CAAM,OAAA;AAChC,EAAA,MAAM,mBAAA,GAAsB,MAAM,UAAA,KAAe,GAAA;AAEjD,EAAA,MAAM,mBAAA,GAAsB,IAAA;AAAA,IAC1B,MAAA,CAAO,GAAA;AAAA,IACP,CAAC,YAAA,IAAgB,MAAA,CAAO,CAAA,sBAAA,EAAyB,KAAA,CAAM,MAAM,CAAA,CAAE,CAAA;AAAA,IAC/D;AAAA,MACE,CAAC,MAAA,CAAO,OAAiB,GAAG,SAAA;AAAA,MAC5B,CAAC,MAAA,CAAO,OAAiB,GAAG,CAAC;AAAA;AAC/B,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAa,IAAA;AAAA,MACb,gBAAA,EAAe,YAAA;AAAA,MACf,yBAAA,EAAyB,iBAAA;AAAA,MACzB,0BAAwB,KAAA,CAAM,MAAA;AAAA,MAC9B,8BAA4B,KAAA,CAAM,UAAA;AAAA,MAClC,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,mBAAA,EAAqB;AAAA,QAC1C,CAAC,MAAA,CAAO,IAAc,GAAG,CAAC;AAAA,OAC3B,CAAA;AAAA,MAED,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,CAAA,EAAG,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,WAC5B;AAAA,UACA,SAAA,EAAW;AAAA;AAAA;AACb;AAAA,GACF;AAEJ;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.module.scss.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+const complexityIndicator = "flow--password-creation-field--complexity-indicator";
+const hide = "flow--password-creation-field--complexity-indicator--hide";
+const bar = "flow--password-creation-field--complexity-indicator--bar";
+const running = "flow--password-creation-field--complexity-indicator--running";
+const loading = "flow--password-creation-field--complexity-indicator--loading";
+const shimmer = "flow--password-creation-field--complexity-indicator--shimmer";
+const styles = {
+	complexityIndicator: complexityIndicator,
+	hide: hide,
+	bar: bar,
+	running: running,
+	"bar-background-status-danger": "flow--password-creation-field--complexity-indicator--bar-background-status-danger",
+	"bar-background-status-success": "flow--password-creation-field--complexity-indicator--bar-background-status-success",
+	"bar-background-status-warning": "flow--password-creation-field--complexity-indicator--bar-background-status-warning",
+	"bar-background-status-indeterminate": "flow--password-creation-field--complexity-indicator--bar-background-status-indeterminate",
+	loading: loading,
+	shimmer: shimmer
+};
+
+export { bar, complexityIndicator, styles as default, hide, loading, running, shimmer };
+//# sourceMappingURL=ComplexityIndicator.module.scss.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexityIndicator.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs';
+import { Button } from '../../../Button/Button.mjs';
+import { Action } from '../../../Action/Action.mjs';
+import '@react-aria/live-announcer';
+
+const PasswordGenerateButton = (props) => {
+  const { isDisabled, onGeneratePasswordAction } = props;
+  const translate = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsx(Action, { action: onGeneratePasswordAction, showFeedback: false, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      "data-component": "generatePassword",
+      isDisabled,
+      variant: "plain",
+      color: "dark",
+      children: translate.format("button.generate")
+    }
+  ) });
+};
+
+export { PasswordGenerateButton };
+//# sourceMappingURL=PasswordGenerateButton.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordGenerateButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { Action, type ActionFn } from \"@/components/Action\";\n\ninterface Props {\n  isDisabled?: boolean;\n  onGeneratePasswordAction?: ActionFn;\n}\n\nexport const PasswordGenerateButton: FC<Props> = (props) => {\n  const { isDisabled, onGeneratePasswordAction } = props;\n  const translate = useLocalizedStringFormatter(locales);\n\n  return (\n    <Action action={onGeneratePasswordAction} showFeedback={false}>\n      <Button\n        data-component=\"generatePassword\"\n        isDisabled={isDisabled}\n        variant=\"plain\"\n        color=\"dark\"\n      >\n        {translate.format(\"button.generate\")}\n      </Button>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,sBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,UAAA,EAAY,wBAAA,EAAyB,GAAI,KAAA;AACjD,EAAA,MAAM,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAQ,wBAAA,EAA0B,cAAc,KAAA,EACtD,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,gBAAA,EAAe,kBAAA;AAAA,MACf,UAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MAEL,QAAA,EAAA,SAAA,CAAU,OAAO,iBAAiB;AAAA;AAAA,GACrC,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { TooltipTrigger } from '../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
+import { Tooltip } from '../../../Tooltip/Tooltip.mjs';
+import { Button } from '../../../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconHide } from '../../../Icon/components/icons/IconHide.mjs';
+import { IconShow } from '../../../Icon/components/icons/IconShow.mjs';
+import { Action } from '../../../Action/Action.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import '@react-aria/live-announcer';
+import locales from '../../../../../../_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs';
+
+const TogglePasswordVisibilityButton = ({
+  isVisible,
+  isDisabled = false,
+  onPress,
+  className
+}) => {
+  const translate = useLocalizedStringFormatter(locales);
+  const icon = isVisible ? /* @__PURE__ */ jsx(IconHide, {}) : /* @__PURE__ */ jsx(IconShow, {});
+  const tooltipText = translate.format(
+    "button.generate.tooltip." + (isVisible ? "hide" : "show")
+  );
+  return /* @__PURE__ */ jsx(Action, { action: onPress, children: /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className,
+      size: "m",
+      variant: "plain",
+      color: "secondary",
+      isDisabled,
+      "data-component": "toggleRevealPassword",
+      "aria-label": tooltipText,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx(Tooltip, { children: tooltipText })
+      ]
+    }
+  ) }) });
+};
+
+export { TogglePasswordVisibilityButton, TogglePasswordVisibilityButton as default };
+//# sourceMappingURL=TogglePasswordVisibilityButton.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TogglePasswordVisibilityButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport Button from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport { Action, type ActionFn } from \"@/components/Action\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\ninterface Props extends PropsWithClassName {\n  isDisabled?: boolean;\n  isVisible: boolean;\n  onPress: ActionFn;\n}\n\n/** @internal */\nexport const TogglePasswordVisibilityButton: FC<Props> = ({\n  isVisible,\n  isDisabled = false,\n  onPress,\n  className,\n}) => {\n  const translate = useLocalizedStringFormatter(locales);\n\n  const icon = isVisible ? <IconHide /> : <IconShow />;\n  const tooltipText = translate.format(\n    \"button.generate.tooltip.\" + (isVisible ? \"hide\" : \"show\"),\n  );\n\n  return (\n    <Action action={onPress}>\n      <TooltipTrigger>\n        <Button\n          className={className}\n          size=\"m\"\n          variant=\"plain\"\n          color=\"secondary\"\n          isDisabled={isDisabled}\n          data-component=\"toggleRevealPassword\"\n          aria-label={tooltipText}\n        >\n          {icon}\n          <Tooltip>{tooltipText}</Tooltip>\n        </Button>\n      </TooltipTrigger>\n    </Action>\n  );\n};\n\nexport default TogglePasswordVisibilityButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAM,iCAA4C,CAAC;AAAA,EACxD,SAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,OAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,MAAM,OAAO,SAAA,mBAAY,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,uBAAM,QAAA,EAAA,EAAS,CAAA;AAClD,EAAA,MAAM,cAAc,SAAA,CAAU,MAAA;AAAA,IAC5B,0BAAA,IAA8B,YAAY,MAAA,GAAS,MAAA;AAAA,GACrD;AAEA,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAQ,OAAA,EACd,8BAAC,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAA,EAAK,GAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,WAAA;AAAA,MACN,UAAA;AAAA,MACA,gBAAA,EAAe,sBAAA;AAAA,MACf,YAAA,EAAY,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,wBACD,GAAA,CAAC,WAAS,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KAE1B,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs';
+import { ValidationResultEntry } from '../ValidationResultEntry/ValidationResultEntry.mjs';
+import { Button } from '../../../Button/Button.mjs';
+import { ContextualHelp } from '../../../ContextualHelp/ContextualHelp.mjs';
+import { ContextualHelpTrigger } from '../../../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs';
+import { Heading } from '../../../Heading/Heading.mjs';
+
+const ValidationResultButton = (props) => {
+  const { policyValidationResult, isDisabled, isEmptyValue, className } = props;
+  const translate = useLocalizedStringFormatter(locales);
+  let validationResults = policyValidationResult?.ruleResults?.filter((r) => {
+    return isEmptyValue ? !r.isValid : true;
+  });
+  if (validationResults && validationResults.length === 0 && isEmptyValue) {
+    validationResults = policyValidationResult?.ruleResults;
+  }
+  const validationResultComponents = validationResults?.map((result, index) => {
+    return /* @__PURE__ */ jsx(
+      ValidationResultEntry,
+      {
+        result
+      },
+      `${result.identifier}-${index}`
+    );
+  }) ?? [];
+  return /* @__PURE__ */ jsxs(ContextualHelpTrigger, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-component": "showPasswordRules",
+        isDisabled,
+        className
+      }
+    ),
+    /* @__PURE__ */ jsxs(ContextualHelp, { children: [
+      /* @__PURE__ */ jsx(Heading, { children: translate.format("password.requirements.heading") }),
+      validationResultComponents.length === 0 && /* @__PURE__ */ jsx(ValidationResultEntry, { result: { isValid: true }, unspecifiedRules: true }),
+      validationResultComponents
+    ] })
+  ] });
+};
+
+export { ValidationResultButton };
+//# sourceMappingURL=ValidationResultButton.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationResultButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nimport locales from \"./../../locales/*.locale.json\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport ValidationResultEntry from \"@/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry\";\nimport { Button } from \"@/components/Button\";\nimport {\n  ContextualHelp,\n  ContextualHelpTrigger,\n} from \"@/components/ContextualHelp\";\nimport { Heading } from \"@/components/Heading\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\ninterface Props extends PropsWithClassName {\n  policyValidationResult?: ResolvedPolicyValidationResult;\n  isDisabled?: boolean;\n  isEmptyValue: boolean;\n}\n\nexport const ValidationResultButton: FC<Props> = (props) => {\n  const { policyValidationResult, isDisabled, isEmptyValue, className } = props;\n\n  const translate = useLocalizedStringFormatter(locales);\n\n  let validationResults = policyValidationResult?.ruleResults?.filter((r) => {\n    return isEmptyValue ? !r.isValid : true;\n  });\n  if (validationResults && validationResults.length === 0 && isEmptyValue) {\n    // if we have no rules to show on first info - just list them all\n    validationResults = policyValidationResult?.ruleResults;\n  }\n\n  const validationResultComponents =\n    validationResults?.map((result, index) => {\n      return (\n        <ValidationResultEntry\n          key={`${result.identifier}-${index}`}\n          result={result}\n        />\n      );\n    }) ?? [];\n\n  return (\n    <ContextualHelpTrigger>\n      <Button\n        data-component=\"showPasswordRules\"\n        isDisabled={isDisabled}\n        className={className}\n      />\n      <ContextualHelp>\n        <Heading>{translate.format(\"password.requirements.heading\")}</Heading>\n        {validationResultComponents.length === 0 && (\n          <ValidationResultEntry result={{ isValid: true }} unspecifiedRules />\n        )}\n        {validationResultComponents}\n      </ContextualHelp>\n    </ContextualHelpTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,sBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,sBAAA,EAAwB,UAAA,EAAY,YAAA,EAAc,WAAU,GAAI,KAAA;AAExE,EAAA,MAAM,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,IAAI,iBAAA,GAAoB,sBAAA,EAAwB,WAAA,EAAa,MAAA,CAAO,CAAC,CAAA,KAAM;AACzE,IAAA,OAAO,YAAA,GAAe,CAAC,CAAA,CAAE,OAAA,GAAU,IAAA;AAAA,EACrC,CAAC,CAAA;AACD,EAAA,IAAI,iBAAA,IAAqB,iBAAA,CAAkB,MAAA,KAAW,CAAA,IAAK,YAAA,EAAc;AAEvE,IAAA,iBAAA,GAAoB,sBAAA,EAAwB,WAAA;AAAA,EAC9C;AAEA,EAAA,MAAM,0BAAA,GACJ,iBAAA,EAAmB,GAAA,CAAI,CAAC,QAAQ,KAAA,KAAU;AACxC,IAAA,uBACE,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QAEC;AAAA,OAAA;AAAA,MADK,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAEpC;AAAA,EAEJ,CAAC,KAAK,EAAC;AAET,EAAA,4BACG,qBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,gBAAA,EAAe,mBAAA;AAAA,QACf,UAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,yBACC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,SAAA,CAAU,MAAA,CAAO,+BAA+B,CAAA,EAAE,CAAA;AAAA,MAC3D,0BAAA,CAA2B,MAAA,KAAW,CAAA,oBACrC,GAAA,CAAC,qBAAA,EAAA,EAAsB,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAK,EAAG,gBAAA,EAAgB,IAAA,EAAC,CAAA;AAAA,MAEpE;AAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.mjs

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Text } from '../../../Text/Text.mjs';
+import { IconCircleCheck, IconCircleMinus } from '@tabler/icons-react';
+import { generateValidationTranslation } from '../../lib/generateValidationTranslation.mjs';
+import locales from '../../../../../../_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs';
+import styles from './ValidationResultEntry.module.scss.mjs';
+import { useLocalizedContextStringFormatter } from '../../../TranslationProvider/useLocalizedContextStringFormatter.mjs';
+
+const ValidationResultEntry = (props) => {
+  const { result, unspecifiedRules = false } = props;
+  const translate = useLocalizedContextStringFormatter(locales);
+  const icon = result.isValid ? /* @__PURE__ */ jsx(IconCircleCheck, { color: "green" }) : /* @__PURE__ */ jsx(IconCircleMinus, { color: "red" });
+  let [translationKey, translationValues] = generateValidationTranslation(
+    result,
+    true
+  );
+  if (unspecifiedRules) {
+    translationKey = `${translationKey}.unspecified`;
+    translationValues = {};
+  }
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      className: styles.validationResultEntry,
+      "data-rule": result.ruleType,
+      "data-rule-valid": result.isValid,
+      children: [
+        icon,
+        translate.format(translationKey, translationValues)
+      ]
+    },
+    translationKey
+  );
+};
+
+export { ValidationResultEntry, ValidationResultEntry as default };
+//# sourceMappingURL=ValidationResultEntry.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationResultEntry.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@/components/Text\";\nimport { IconCircleCheck, IconCircleMinus } from \"@tabler/icons-react\";\nimport generateValidationTranslation from \"@/components/PasswordCreationField/lib/generateValidationTranslation\";\nimport locales from \"./../../locales/*.locale.json\";\nimport styles from \"./ValidationResultEntry.module.scss\";\nimport type { RuleValidationResult } from \"@/integrations/@mittwald/password-tools-js\";\nimport { useLocalizedContextStringFormatter } from \"@/components/TranslationProvider/useLocalizedContextStringFormatter\";\n\ninterface Props {\n  result: Partial<RuleValidationResult>;\n  unspecifiedRules?: boolean;\n}\n\n/** @internal */\nexport const ValidationResultEntry: FC<Props> = (props) => {\n  const { result, unspecifiedRules = false } = props;\n  const translate = useLocalizedContextStringFormatter(locales);\n\n  const icon = result.isValid ? (\n    <IconCircleCheck color=\"green\" />\n  ) : (\n    <IconCircleMinus color=\"red\" />\n  );\n\n  let [translationKey, translationValues] = generateValidationTranslation(\n    result,\n    true,\n  );\n\n  if (unspecifiedRules) {\n    translationKey = `${translationKey}.unspecified`;\n    translationValues = {};\n  }\n\n  return (\n    <Text\n      className={styles.validationResultEntry}\n      data-rule={result.ruleType}\n      data-rule-valid={result.isValid}\n      key={translationKey}\n    >\n      {icon}\n      {translate.format(translationKey, translationValues)}\n    </Text>\n  );\n};\n\nexport default ValidationResultEntry;\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,qBAAA,GAAmC,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,MAAA,EAAQ,gBAAA,GAAmB,KAAA,EAAM,GAAI,KAAA;AAC7C,EAAA,MAAM,SAAA,GAAY,mCAAmC,OAAO,CAAA;AAE5D,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,mBAClB,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAM,OAAA,EAAQ,CAAA,mBAE/B,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAM,KAAA,EAAM,CAAA;AAG/B,EAAA,IAAI,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,6BAAA;AAAA,IACxC,MAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,cAAA,GAAiB,GAAG,cAAc,CAAA,YAAA,CAAA;AAClC,IAAA,iBAAA,GAAoB,EAAC;AAAA,EACvB;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,qBAAA;AAAA,MAClB,aAAW,MAAA,CAAO,QAAA;AAAA,MAClB,mBAAiB,MAAA,CAAO,OAAA;AAAA,MAGvB,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA,SAAA,CAAU,MAAA,CAAO,cAAA,EAAgB,iBAAiB;AAAA;AAAA,KAAA;AAAA,IAH9C;AAAA,GAIP;AAEJ;;;;"}

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const validationResultEntry = "flow--password-creation-field--validation-result-entry";
+const styles = {
+	validationResultEntry: validationResultEntry
+};
+
+export { styles as default, validationResultEntry };
+//# sourceMappingURL=ValidationResultEntry.module.scss.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationResultEntry.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/components/src/components/PasswordCreationField/lib/generateValidationTranslation.mjs

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
+import '@mittwald/password-tools-js/policy';
+import 'react';
+import { RuleType } from '@mittwald/password-tools-js/rules';
+import '@mittwald/password-tools-js/generator';
+
+const generateTranslationString = (rule, shortVersion = false) => {
+  if (rule.translationKey) {
+    return `validation.${rule.translationKey}`;
+  }
+  const translateString = `validation.${rule.ruleType ?? "general"}`;
+  let finalTranslationString = "";
+  if ("min" in rule && rule.min !== void 0 || "max" in rule && rule.max !== void 0) {
+    const breakingBoundaryProperty = rule.failingBoundary ? rule.failingBoundary : rule.min ? "min" : "max";
+    if (rule.identifier) {
+      finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;
+    } else {
+      finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;
+    }
+  } else if (rule.identifier) {
+    finalTranslationString = `${translateString}.${rule.identifier}`;
+  } else {
+    finalTranslationString = translateString;
+  }
+  return shortVersion ? `${finalTranslationString}.short` : finalTranslationString;
+};
+const generateValidationTranslation = (r, shotVersion = false) => {
+  const translationKey = generateTranslationString(r, shotVersion);
+  if (r.ruleType === RuleType.char && r.chars) {
+    return [
+      translationKey,
+      { ...r, chars: r.chars.map((c) => c.char).join("") }
+    ];
+  }
+  return [
+    translationKey,
+    r
+  ];
+};
+
+export { generateValidationTranslation as default, generateValidationTranslation };
+//# sourceMappingURL=generateValidationTranslation.mjs.map

package/dist/js/components/src/components/PasswordCreationField/lib/generateValidationTranslation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateValidationTranslation.mjs","sources":["../../../../../../../src/components/PasswordCreationField/lib/generateValidationTranslation.ts"],"sourcesContent":["import {\n  RuleType,\n  type RuleValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nconst generateTranslationString = (\n  rule: Partial<RuleValidationResult> & { translationKey?: string },\n  shortVersion = false,\n): string => {\n  if (rule.translationKey) {\n    return `validation.${rule.translationKey}`;\n  }\n  const translateString = `validation.${rule.ruleType ?? \"general\"}`;\n  let finalTranslationString = \"\";\n\n  if (\n    (\"min\" in rule && rule.min !== undefined) ||\n    (\"max\" in rule && rule.max !== undefined)\n  ) {\n    const breakingBoundaryProperty = rule.failingBoundary\n      ? rule.failingBoundary\n      : rule.min\n        ? \"min\"\n        : \"max\";\n\n    if (rule.identifier) {\n      finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;\n    } else {\n      finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;\n    }\n  } else if (rule.identifier) {\n    finalTranslationString = `${translateString}.${rule.identifier}`;\n  } else {\n    finalTranslationString = translateString;\n  }\n\n  return shortVersion\n    ? `${finalTranslationString}.short`\n    : finalTranslationString;\n};\n\nexport const generateValidationTranslation = (\n  r: Partial<RuleValidationResult>,\n  shotVersion = false,\n): [string, Record<string, string | number | boolean> | undefined] => {\n  const translationKey = generateTranslationString(r, shotVersion);\n\n  if (r.ruleType === RuleType.char && r.chars) {\n    return [\n      translationKey,\n      { ...r, chars: r.chars.map((c) => c.char).join(\"\") },\n    ];\n  }\n\n  return [\n    translationKey,\n    r as unknown as Record<string, string | number | boolean> | undefined,\n  ];\n};\n\nexport default generateValidationTranslation;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,yBAAA,GAA4B,CAChC,IAAA,EACA,YAAA,GAAe,KAAA,KACJ;AACX,EAAA,IAAI,KAAK,cAAA,EAAgB;AACvB,IAAA,OAAO,CAAA,WAAA,EAAc,KAAK,cAAc,CAAA,CAAA;AAAA,EAC1C;AACA,EAAA,MAAM,eAAA,GAAkB,CAAA,WAAA,EAAc,IAAA,CAAK,QAAA,IAAY,SAAS,CAAA,CAAA;AAChE,EAAA,IAAI,sBAAA,GAAyB,EAAA;AAE7B,EAAA,IACG,KAAA,IAAS,QAAQ,IAAA,CAAK,GAAA,KAAQ,UAC9B,KAAA,IAAS,IAAA,IAAQ,IAAA,CAAK,GAAA,KAAQ,MAAA,EAC/B;AACA,IAAA,MAAM,2BAA2B,IAAA,CAAK,eAAA,GAClC,KAAK,eAAA,GACL,IAAA,CAAK,MACH,KAAA,GACA,KAAA;AAEN,IAAA,IAAI,KAAK,UAAA,EAAY;AACnB,MAAA,sBAAA,GAAyB,GAAG,eAAe,CAAA,CAAA,EAAI,IAAA,CAAK,UAAU,IAAI,wBAAwB,CAAA,CAAA;AAAA,IAC5F,CAAA,MAAO;AACL,MAAA,sBAAA,GAAyB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAA,CAAA;AAAA,IACzE;AAAA,EACF,CAAA,MAAA,IAAW,KAAK,UAAA,EAAY;AAC1B,IAAA,sBAAA,GAAyB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,IAAA,CAAK,UAAU,CAAA,CAAA;AAAA,EAChE,CAAA,MAAO;AACL,IAAA,sBAAA,GAAyB,eAAA;AAAA,EAC3B;AAEA,EAAA,OAAO,YAAA,GACH,CAAA,EAAG,sBAAsB,CAAA,MAAA,CAAA,GACzB,sBAAA;AACN,CAAA;AAEO,MAAM,6BAAA,GAAgC,CAC3C,CAAA,EACA,WAAA,GAAc,KAAA,KACsD;AACpE,EAAA,MAAM,cAAA,GAAiB,yBAAA,CAA0B,CAAA,EAAG,WAAW,CAAA;AAE/D,EAAA,IAAI,CAAA,CAAE,QAAA,KAAa,QAAA,CAAS,IAAA,IAAQ,EAAE,KAAA,EAAO;AAC3C,IAAA,OAAO;AAAA,MACL,cAAA;AAAA,MACA,EAAE,GAAG,CAAA,EAAG,KAAA,EAAO,EAAE,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAI,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE,KACrD;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.mjs

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
+import '@mittwald/password-tools-js/policy';
+import 'react';
+import '@mittwald/password-tools-js/rules';
+import '@mittwald/password-tools-js/generator';
+
+const getStateFromLatestPolicyValidationResult = (isEmptyValue, result) => {
+  if (result.ruleResults.length >= 1) {
+    const failingRule = result.ruleResults.find((r) => !r.isValid);
+    if (failingRule) {
+      return failingRule;
+    }
+  }
+  if (result.isValid === "indeterminate") {
+    return void 0;
+  }
+  if (!isEmptyValue) {
+    if (result.complexity.actual < result.complexity.min) {
+      return {
+        isValid: false,
+        identifier: "failingComplexity"
+      };
+    }
+    if (result.complexity.actual === result.complexity.min) {
+      return {
+        isValid: result.isValid,
+        identifier: "optimizeComplexity"
+      };
+    }
+  }
+  return {
+    isValid: true,
+    identifier: "securePassword"
+  };
+};
+
+export { getStateFromLatestPolicyValidationResult as default, getStateFromLatestPolicyValidationResult };
+//# sourceMappingURL=getStateFromLatestPolicyValidationResult.mjs.map

package/dist/js/components/src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStateFromLatestPolicyValidationResult.mjs","sources":["../../../../../../../src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.ts"],"sourcesContent":["import { type RuleValidationResult } from \"@/integrations/@mittwald/password-tools-js\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\n\nexport type StateFromLatestPolicyValidationResult =\n  | undefined\n  | Partial<RuleValidationResult>;\n\n/** @internal */\nexport const getStateFromLatestPolicyValidationResult = (\n  isEmptyValue: boolean,\n  result: ResolvedPolicyValidationResult,\n): StateFromLatestPolicyValidationResult => {\n  if (result.ruleResults.length >= 1) {\n    const failingRule = result.ruleResults.find((r) => !r.isValid);\n    if (failingRule) {\n      return failingRule;\n    }\n  }\n\n  if (result.isValid === \"indeterminate\") {\n    return undefined;\n  }\n\n  if (!isEmptyValue) {\n    if (result.complexity.actual < result.complexity.min) {\n      return {\n        isValid: false,\n        identifier: \"failingComplexity\",\n      };\n    }\n\n    if (result.complexity.actual === result.complexity.min) {\n      return {\n        isValid: result.isValid,\n        identifier: \"optimizeComplexity\",\n      };\n    }\n  }\n\n  return {\n    isValid: true,\n    identifier: \"securePassword\",\n  };\n};\n\nexport default getStateFromLatestPolicyValidationResult;\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,wCAAA,GAA2C,CACtD,YAAA,EACA,MAAA,KAC0C;AAC1C,EAAA,IAAI,MAAA,CAAO,WAAA,CAAY,MAAA,IAAU,CAAA,EAAG;AAClC,IAAA,MAAM,WAAA,GAAc,OAAO,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,KAAM,CAAC,EAAE,OAAO,CAAA;AAC7D,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,OAAO,WAAA;AAAA,IACT;AAAA,EACF;AAEA,EAAA,IAAI,MAAA,CAAO,YAAY,eAAA,EAAiB;AACtC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,IAAI,MAAA,CAAO,UAAA,CAAW,MAAA,GAAS,MAAA,CAAO,WAAW,GAAA,EAAK;AACpD,MAAA,OAAO;AAAA,QACL,OAAA,EAAS,KAAA;AAAA,QACT,UAAA,EAAY;AAAA,OACd;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,CAAO,UAAA,CAAW,MAAA,KAAW,MAAA,CAAO,WAAW,GAAA,EAAK;AACtD,MAAA,OAAO;AAAA,QACL,SAAS,MAAA,CAAO,OAAA;AAAA,QAChB,UAAA,EAAY;AAAA,OACd;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AACF;;;;"}

package/dist/js/components/src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+const getStatusFromPolicyValidationResult = (isValid, result) => {
+  if (isValid === true) {
+    if (result.complexity && result.complexity.actual === result.complexity.min && result.complexity.min !== 4) {
+      return "warning";
+    }
+    return "success";
+  } else if (isValid === "indeterminate") {
+    return "indeterminate";
+  }
+  return "danger";
+};
+
+export { getStatusFromPolicyValidationResult as default, getStatusFromPolicyValidationResult };
+//# sourceMappingURL=getStatusFromPolicyValidationResult.mjs.map

package/dist/js/components/src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStatusFromPolicyValidationResult.mjs","sources":["../../../../../../../src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.ts"],"sourcesContent":["import type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport type { ComplexityStatus } from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\n\nexport const getStatusFromPolicyValidationResult = (\n  isValid: ResolvedPolicyValidationResult[\"isValid\"],\n  result: ResolvedPolicyValidationResult,\n): ComplexityStatus => {\n  if (isValid === true) {\n    if (\n      result.complexity &&\n      result.complexity.actual === result.complexity.min &&\n      result.complexity.min !== 4\n    ) {\n      return \"warning\";\n    }\n\n    return \"success\";\n  } else if (isValid === \"indeterminate\") {\n    return \"indeterminate\";\n  }\n\n  return \"danger\";\n};\n\nexport default getStatusFromPolicyValidationResult;\n"],"names":[],"mappings":"AAGO,MAAM,mCAAA,GAAsC,CACjD,OAAA,EACA,MAAA,KACqB;AACrB,EAAA,IAAI,YAAY,IAAA,EAAM;AACpB,IAAA,IACE,MAAA,CAAO,UAAA,IACP,MAAA,CAAO,UAAA,CAAW,MAAA,KAAW,MAAA,CAAO,UAAA,CAAW,GAAA,IAC/C,MAAA,CAAO,UAAA,CAAW,GAAA,KAAQ,CAAA,EAC1B;AACA,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,OAAO,SAAA;AAAA,EACT,CAAA,MAAA,IAAW,YAAY,eAAA,EAAiB;AACtC,IAAA,OAAO,eAAA;AAAA,EACT;AAEA,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/js/components/src/components/PasswordCreationField/lib/usePolicyValidationResult.mjs

@@ -0,0 +1,58 @@
+"use client"
+/* */
+import { useRef, useEffect, startTransition } from 'react';
+import { isPromise } from 'remeda';
+
+const usePolicyValidationResult = (validationPolicy, password, onValidationStart, onValidationResult) => {
+  const cache = useRef(null);
+  useEffect(() => {
+    onValidationStart?.();
+    if (cache.current?.password === password) {
+      onValidationResult?.({
+        password: cache.current.password,
+        isValid: Boolean(cache.current.results.isValid),
+        results: cache.current.results
+      });
+      return;
+    }
+    validationPolicy.validate(password).then((validationResult) => {
+      const setValidationResult = (password2, policyValidationResult) => {
+        const results = policyValidationResult;
+        const isValid = Boolean(policyValidationResult.isValid);
+        cache.current = { password: password2, results };
+        onValidationResult?.({
+          password: password2,
+          isValid,
+          results: policyValidationResult
+        });
+      };
+      startTransition(async () => {
+        if (!isPromise(validationResult.isValid)) {
+          return setValidationResult(password, validationResult);
+        }
+        void Promise.all([
+          Promise.resolve(password),
+          Promise.resolve(validationResult),
+          ...validationResult.ruleResults
+        ]).then(
+          ([
+            resolvedValue,
+            resolvedValidationResult,
+            ...resolvedValidationRuleResults
+          ]) => {
+            startTransition(() => {
+              setValidationResult(resolvedValue, {
+                complexity: resolvedValidationResult.complexity,
+                ruleResults: resolvedValidationRuleResults,
+                isValid: resolvedValidationResult.isValid && resolvedValidationRuleResults.every((r) => r.isValid)
+              });
+            });
+          }
+        );
+      });
+    });
+  }, [password, validationPolicy]);
+};
+
+export { usePolicyValidationResult };
+//# sourceMappingURL=usePolicyValidationResult.mjs.map

package/dist/js/components/src/components/PasswordCreationField/lib/usePolicyValidationResult.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePolicyValidationResult.mjs","sources":["../../../../../../../src/components/PasswordCreationField/lib/usePolicyValidationResult.ts"],"sourcesContent":["import { startTransition, useEffect, useRef } from \"react\";\nimport type {\n  Policy,\n  PolicyValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport { isPromise } from \"remeda\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\n\nexport const usePolicyValidationResult = (\n  validationPolicy: Policy,\n  password: string,\n  onValidationStart?: () => void,\n  onValidationResult?: (data: {\n    password: string;\n    isValid: boolean;\n    results: ResolvedPolicyValidationResult;\n  }) => void,\n) => {\n  const cache = useRef<{\n    password: string;\n    results: ResolvedPolicyValidationResult;\n  } | null>(null);\n\n  useEffect(() => {\n    onValidationStart?.();\n\n    if (cache.current?.password === password) {\n      onValidationResult?.({\n        password: cache.current.password,\n        isValid: Boolean(cache.current.results.isValid),\n        results: cache.current.results,\n      });\n      return;\n    }\n\n    validationPolicy.validate(password).then((validationResult) => {\n      const setValidationResult = (\n        password: string,\n        policyValidationResult: PolicyValidationResult,\n      ) => {\n        const results =\n          policyValidationResult as ResolvedPolicyValidationResult;\n        const isValid = Boolean(policyValidationResult.isValid);\n\n        cache.current = { password, results };\n        onValidationResult?.({\n          password,\n          isValid,\n          results: policyValidationResult as ResolvedPolicyValidationResult,\n        });\n      };\n\n      startTransition(async () => {\n        if (!isPromise(validationResult.isValid)) {\n          return setValidationResult(password, validationResult);\n        }\n\n        void Promise.all([\n          Promise.resolve(password),\n          Promise.resolve(validationResult),\n          ...validationResult.ruleResults,\n        ]).then(\n          ([\n            resolvedValue,\n            resolvedValidationResult,\n            ...resolvedValidationRuleResults\n          ]) => {\n            startTransition(() => {\n              setValidationResult(resolvedValue, {\n                complexity: resolvedValidationResult.complexity,\n                ruleResults: resolvedValidationRuleResults,\n                isValid:\n                  resolvedValidationResult.isValid &&\n                  resolvedValidationRuleResults.every((r) => r.isValid),\n              });\n            });\n          },\n        );\n      });\n    });\n  }, [password, validationPolicy]);\n};\n"],"names":["password"],"mappings":";;;AAQO,MAAM,yBAAA,GAA4B,CACvC,gBAAA,EACA,QAAA,EACA,mBACA,kBAAA,KAKG;AACH,EAAA,MAAM,KAAA,GAAQ,OAGJ,IAAI,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,IAAoB;AAEpB,IAAA,IAAI,KAAA,CAAM,OAAA,EAAS,QAAA,KAAa,QAAA,EAAU;AACxC,MAAA,kBAAA,GAAqB;AAAA,QACnB,QAAA,EAAU,MAAM,OAAA,CAAQ,QAAA;AAAA,QACxB,OAAA,EAAS,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA,QAC9C,OAAA,EAAS,MAAM,OAAA,CAAQ;AAAA,OACxB,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,gBAAA,CAAiB,QAAA,CAAS,QAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,gBAAA,KAAqB;AAC7D,MAAA,MAAM,mBAAA,GAAsB,CAC1BA,SAAAA,EACA,sBAAA,KACG;AACH,QAAA,MAAM,OAAA,GACJ,sBAAA;AACF,QAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,sBAAA,CAAuB,OAAO,CAAA;AAEtD,QAAA,KAAA,CAAM,OAAA,GAAU,EAAE,QAAA,EAAAA,SAAAA,EAAU,OAAA,EAAQ;AACpC,QAAA,kBAAA,GAAqB;AAAA,UACnB,QAAA,EAAAA,SAAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA,EAAS;AAAA,SACV,CAAA;AAAA,MACH,CAAA;AAEA,MAAA,eAAA,CAAgB,YAAY;AAC1B,QAAA,IAAI,CAAC,SAAA,CAAU,gBAAA,CAAiB,OAAO,CAAA,EAAG;AACxC,UAAA,OAAO,mBAAA,CAAoB,UAAU,gBAAgB,CAAA;AAAA,QACvD;AAEA,QAAA,KAAK,QAAQ,GAAA,CAAI;AAAA,UACf,OAAA,CAAQ,QAAQ,QAAQ,CAAA;AAAA,UACxB,OAAA,CAAQ,QAAQ,gBAAgB,CAAA;AAAA,UAChC,GAAG,gBAAA,CAAiB;AAAA,SACrB,CAAA,CAAE,IAAA;AAAA,UACD,CAAC;AAAA,YACC,aAAA;AAAA,YACA,wBAAA;AAAA,YACG,GAAA;AAAA,WACL,KAAM;AACJ,YAAA,eAAA,CAAgB,MAAM;AACpB,cAAA,mBAAA,CAAoB,aAAA,EAAe;AAAA,gBACjC,YAAY,wBAAA,CAAyB,UAAA;AAAA,gBACrC,WAAA,EAAa,6BAAA;AAAA,gBACb,OAAA,EACE,yBAAyB,OAAA,IACzB,6BAAA,CAA8B,MAAM,CAAC,CAAA,KAAM,EAAE,OAAO;AAAA,eACvD,CAAA;AAAA,YACH,CAAC,CAAA;AAAA,UACH;AAAA,SACF;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,QAAA,EAAU,gBAAgB,CAAC,CAAA;AACjC;;;;"}

package/dist/js/components/src/components/PasswordCreationField/worker/generatePassword.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
+import '@mittwald/password-tools-js/policy';
+import 'react';
+import '@mittwald/password-tools-js/rules';
+import { Generator } from '@mittwald/password-tools-js/generator';
+
+const generatePassword = async (validationPolicy) => {
+  return new Generator(validationPolicy).generatePassword();
+};
+
+export { generatePassword };
+//# sourceMappingURL=generatePassword.mjs.map

package/dist/js/components/src/components/PasswordCreationField/worker/generatePassword.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePassword.mjs","sources":["../../../../../../../src/components/PasswordCreationField/worker/generatePassword.ts"],"sourcesContent":["import {\n  Generator,\n  type Policy,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nexport const generatePassword = async (\n  validationPolicy: Policy,\n): Promise<string> => {\n  return new Generator(validationPolicy).generatePassword();\n};\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,gBAAA,GAAmB,OAC9B,gBAAA,KACoB;AACpB,EAAA,OAAO,IAAI,SAAA,CAAU,gBAAgB,CAAA,CAAE,gBAAA,EAAiB;AAC1D;;;;"}

package/dist/js/components/src/components/Popover/Popover.mjs

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import clsx from 'clsx';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
+import styles from './Popover.module.scss.mjs';
+import PopoverContentView from '../../views/PopoverContentView.mjs';
+
+const Popover = flowComponent("Popover", (props) => {
+  const {
+    children,
+    className,
+    controller: controllerFromProps,
+    onOpenChange: onOpenChangeFromProps,
+    defaultOpen = false,
+    ...contentProps
+  } = props;
+  const controllerFromContext = useOverlayController("Popover", {
+    reuseControllerFromContext: true,
+    isDefaultOpen: defaultOpen
+  });
+  const controller = controllerFromProps ?? controllerFromContext;
+  const isOpen = controller.useIsOpen();
+  const rootClassName = clsx(styles.popover, className);
+  return /* @__PURE__ */ jsx(
+    PopoverContentView,
+    {
+      ...contentProps,
+      className: rootClassName,
+      isOpen,
+      onOpenChange: (isOpen2) => {
+        if (!onOpenChangeFromProps) {
+          controller.setOpen(isOpen2);
+        } else {
+          onOpenChangeFromProps(isOpen2);
+        }
+      },
+      children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Popover", controller, children })
+    }
+  );
+});
+
+export { Popover, Popover as default };
+//# sourceMappingURL=Popover.mjs.map

package/dist/js/components/src/components/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport styles from \"./Popover.module.scss\";\nimport PopoverContentView from \"@/views/PopoverContentView\";\n\nexport interface PopoverProps\n  extends PropsWithChildren<Omit<Aria.PopoverProps, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLDivElement> {\n  /**\n   * Whether the popover should display a tip, pointing towards the trigger\n   * element.\n   */\n  withTip?: boolean;\n  /** Whether the popover contains a dialog. */\n  isDialogContent?: boolean;\n  /** An overlay controller to control the popover state. */\n  controller?: OverlayController;\n  /** A fixed width for the popover. */\n  width?: string | number;\n}\n\nexport const Popover = flowComponent(\"Popover\", (props) => {\n  const {\n    children,\n    className,\n    controller: controllerFromProps,\n    onOpenChange: onOpenChangeFromProps,\n    defaultOpen = false,\n    ...contentProps\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: true,\n    isDefaultOpen: defaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.popover, className);\n\n  return (\n    <PopoverContentView\n      {...contentProps}\n      className={rootClassName}\n      isOpen={isOpen}\n      onOpenChange={(isOpen) => {\n        if (!onOpenChangeFromProps) {\n          controller.setOpen(isOpen);\n        } else {\n          onOpenChangeFromProps(isOpen);\n        }\n      }}\n    >\n      <OverlayContextProvider type=\"Popover\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </PopoverContentView>\n  );\n});\n\nexport default Popover;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;AA4BO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA,EAAY,mBAAA;AAAA,IACZ,YAAA,EAAc,qBAAA;AAAA,IACd,WAAA,GAAc,KAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,SAAA,EAAW;AAAA,IAC5D,0BAAA,EAA4B,IAAA;AAAA,IAC5B,aAAA,EAAe;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAC1C,EAAA,MAAM,MAAA,GAAS,WAAW,SAAA,EAAU;AAEpC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,MAAA;AAAA,MACA,YAAA,EAAc,CAACA,OAAAA,KAAW;AACxB,QAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,UAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,QAC3B,CAAA,MAAO;AACL,UAAA,qBAAA,CAAsBA,OAAM,CAAA;AAAA,QAC9B;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,SAAA,EAAU,YACpC,QAAA,EACH;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Popover/Popover.module.scss.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const popover = "flow--popover";
+const content = "flow--popover--content";
+const tip = "flow--popover--tip";
+const styles = {
+	popover: popover,
+	content: content,
+	tip: tip};
+
+export { content, styles as default, popover, tip };
+//# sourceMappingURL=Popover.module.scss.mjs.map