@wise/dynamic-flow-client 5.18.2 → 5.19.1

package/build/main.css

@@ -4,16 +4,19 @@
   border-radius: var(--radius-medium);
   padding: var(--size-16);
 }
+
 .df-box-renderer-fixed-width {
   display: flex;
   justify-content: center;
 }
+
 .df-box-renderer-width-xs,
 .df-box-renderer-width-sm,
 .df-box-renderer-width-md,
 .df-box-renderer-width-lg {
   width: 100%;
 }
+
 @media screen and (width >=768px) {
   .df-box-renderer-border {
     padding: var(--size-24);
@@ -35,6 +38,7 @@
     width: 83.33%;
   }
 }
+
 @media screen and (width >=990px) {
   .df-box-renderer-width-xs {
     width: 25%;
@@ -52,16 +56,20 @@
     width: 66.66%;
   }
 }
+
 /* container queries (when .df-prefer-container-queries is set on a parent) */
+
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
   padding: var(--size-16);
 }
+
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md,
 .df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
   width: 100%;
 }
+
 @container (min-width: 480px) {
   .df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
     padding: var(--size-24);
@@ -88,15 +96,18 @@
   gap: var(--size-4);
   flex-direction: column;
 }
+
 .df-columns-renderer-column,
 .df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(2),
 .df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(1) {
   flex: 1;
 }
+
 .df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(1),
 .df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(2) {
   flex: 2;
 }
+
 @media (width >=768px) {
   .df-columns-renderer-container {
     flex-direction: row;
@@ -106,21 +117,26 @@
 .df-image .df-illustration {
   padding: 0;
 }
+
 .df-image {
   display: flex;
 }
+
 .df-image.start {
   justify-content: start;
   align-items: start;
 }
+
 .df-image.center {
   justify-content: center;
   align-items: center;
 }
+
 .df-image.end {
   justify-content: end;
   align-items: end;
 }
+
 .df-image img.df-reserve-space {
   width: 100%;
   /*
@@ -131,25 +147,32 @@
   aspect-ratio: auto 1 / 1;
   height: auto;
 }
+
 .df-image img:not([src]) {
   visibility: hidden;
 }
+
 /* wide screens (or default) */
 .df-image.xs img.df-reserve-space {
   width: 100px;
 }
+
 .df-image.sm img.df-reserve-space {
   width: 200px;
 }
+
 .df-image.md img.df-reserve-space {
   width: 300px;
 }
+
 .df-image.lg img.df-reserve-space {
   width: 500px;
 }
+
 .df-image.xl img.df-reserve-space {
   max-width: 600px;
 }
+
 /* narrow screens */
 @media (width <576px) {
   .df-image.xs img.df-reserve-space {
@@ -168,6 +191,7 @@
     width: 300px;
   }
 }
+
 /* narrow container */
 @container (max-width: 576px) {
   .df-image.xs img.df-reserve-space {
@@ -192,14 +216,17 @@
 .df-media-layout-avatar {
   display: flex;
 }
+
 .df-media-layout-avatar.start {
   justify-content: start;
   align-items: start;
 }
+
 .df-media-layout-avatar.center {
   justify-content: center;
   align-items: center;
 }
+
 .df-media-layout-avatar.end {
   justify-content: end;
   align-items: end;
@@ -224,13 +251,16 @@
   padding: var(--size-16) 0;
   background-color: var(--color-background-screen);
 }
+
 /* If we're in a drawer, we need to account for the bottom padding on the drawer content */
 .np-drawer-content .df-step-fixed__footer {
   bottom: -16px;
 }
+
 .tw-modal-body--scrollable .df-step-fixed__footer {
   bottom: -24px;
 }
+
 .df-modal .df-back-button {
   position: fixed;
   top: 24px;
@@ -248,15 +278,18 @@
   display: block !important;
   /* left-aligned by default */
 }
+
 .df-button.circular {
   display: flex;
   justify-content: center;
 }
+
 .df-button.small.align-center {
   display: block !important;
   margin-left: auto;
   margin-right: auto;
 }
+
 /**
   * This specifies the container for container queries about width.
   * We don't use it by default, but integrations can specify it using the className prop in the DF component.

package/build/main.js

@@ -3503,13 +3503,13 @@ var getBehaviorFromSchemaRefreshStepOnChange = (schema) => {
   return void 0;
 };
 
-// src/domain/features/validation/validateStringPattern.ts
-var validateStringPattern = (pattern, logEvent) => {
+// src/domain/features/validation/getPatternRegExp.ts
+var getPatternRegExp = (pattern, logEvent) => {
   if (!pattern) {
     return;
   }
   try {
-    new RegExp(pattern, "u");
+    return new RegExp(pattern, "u");
   } catch (error) {
     const message = `Invalid schema pattern. Failed to instantiate RegExp with Unicode support.`;
     if (logEvent) {
@@ -3518,11 +3518,12 @@ var validateStringPattern = (pattern, logEvent) => {
         error: error == null ? void 0 : error.toString()
       });
     } else {
-      console.warn(`DynamicFlow - warning - ${message}`, {
+      console.warn(`Dynamic Flow - ${message}`, {
         pattern,
         error: error == null ? void 0 : error.toString()
       });
     }
+    return new RegExp(pattern);
   }
 };
 
@@ -3618,10 +3619,10 @@ var getBelowMinimumDateCheck = ({ minimum }, messageFunctions) => (value) => {
   return null;
 };
 var getNotAdheringToPatternCheck = ({ pattern }, messageFunctions, options) => {
-  validateStringPattern(pattern, options == null ? void 0 : options.logEvent);
+  const regExp = getPatternRegExp(pattern, options == null ? void 0 : options.logEvent);
   return (value) => {
-    if (isString(pattern) && isString(value) && value) {
-      return new RegExp(pattern).test(value) ? null : messageFunctions.pattern();
+    if (regExp && isString(value) && value) {
+      return (regExp == null ? void 0 : regExp.test(value)) ? null : messageFunctions.pattern();
     }
     return null;
   };

package/build/main.mjs

@@ -3472,13 +3472,13 @@ var getBehaviorFromSchemaRefreshStepOnChange = (schema) => {
   return void 0;
 };
 
-// src/domain/features/validation/validateStringPattern.ts
-var validateStringPattern = (pattern, logEvent) => {
+// src/domain/features/validation/getPatternRegExp.ts
+var getPatternRegExp = (pattern, logEvent) => {
   if (!pattern) {
     return;
   }
   try {
-    new RegExp(pattern, "u");
+    return new RegExp(pattern, "u");
   } catch (error) {
     const message = `Invalid schema pattern. Failed to instantiate RegExp with Unicode support.`;
     if (logEvent) {
@@ -3487,11 +3487,12 @@ var validateStringPattern = (pattern, logEvent) => {
         error: error == null ? void 0 : error.toString()
       });
     } else {
-      console.warn(`DynamicFlow - warning - ${message}`, {
+      console.warn(`Dynamic Flow - ${message}`, {
         pattern,
         error: error == null ? void 0 : error.toString()
       });
     }
+    return new RegExp(pattern);
   }
 };
 
@@ -3587,10 +3588,10 @@ var getBelowMinimumDateCheck = ({ minimum }, messageFunctions) => (value) => {
   return null;
 };
 var getNotAdheringToPatternCheck = ({ pattern }, messageFunctions, options) => {
-  validateStringPattern(pattern, options == null ? void 0 : options.logEvent);
+  const regExp = getPatternRegExp(pattern, options == null ? void 0 : options.logEvent);
   return (value) => {
-    if (isString(pattern) && isString(value) && value) {
-      return new RegExp(pattern).test(value) ? null : messageFunctions.pattern();
+    if (regExp && isString(value) && value) {
+      return (regExp == null ? void 0 : regExp.test(value)) ? null : messageFunctions.pattern();
     }
     return null;
   };