@wise/dynamic-flow-client 2.4.0 → 2.5.0

package/build/i18n/tr.json

@@ -1,6 +1,6 @@
 {
   "dynamicFlows.ArraySchema.addItem": "Kaydet",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "Öğe ekle",
   "dynamicFlows.ArraySchema.editItem": "Kaydet",
   "dynamicFlows.ArraySchema.maxItemsError": "Lütfen {maxItems} veya daha az ekleme yapın",
   "dynamicFlows.ArraySchema.minItemsError": "Lütfen en az {minItems} ekleme yapın.",
@@ -13,7 +13,7 @@
   "dynamicFlows.CameraCapture.reviewInstructions": "Fotoğrafınız net, okunaklı ve eksiksiz mi?",
   "dynamicFlows.CameraCapture.reviewRetry": "Hayır, tekrar dene",
   "dynamicFlows.CameraCapture.reviewSubmit": "Evet, gönder",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Fotoğraf çekmek için telefonunuzu dik pozisyonda tutun",
   "dynamicFlows.ControlFeedback.maxLength": "Lütfen {maxLength} veya daha az karakter girin.",
   "dynamicFlows.ControlFeedback.maximum": "Lütfen {maximum} veya daha düşük bir sayı girin.",
   "dynamicFlows.ControlFeedback.maximumDate": "Lütfen {maximum} veya daha erken bir tarih girin.",

package/build/main.js

@@ -99,9 +99,9 @@ var require_classnames = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/react-webcam@7.1.1_react-dom@18.2.0_react@18.2.0/node_modules/react-webcam/dist/react-webcam.js
+// ../../node_modules/.pnpm/react-webcam@7.2.0_react-dom@18.2.0_react@18.2.0/node_modules/react-webcam/dist/react-webcam.js
 var require_react_webcam = __commonJS({
-  "../../node_modules/.pnpm/react-webcam@7.1.1_react-dom@18.2.0_react@18.2.0/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
+  "../../node_modules/.pnpm/react-webcam@7.2.0_react-dom@18.2.0_react@18.2.0/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
     "use strict";
     (function webpackUniversalModuleDefinition(root, factory) {
       if (typeof exports === "object" && typeof module2 === "object")
@@ -477,7 +477,7 @@ var require_react_webcam = __commonJS({
                   Webcam3.prototype.render = function() {
                     var _this = this;
                     var _a = this, state = _a.state, props = _a.props;
-                    var audio = props.audio, forceScreenshotSourceSize = props.forceScreenshotSourceSize, onUserMedia = props.onUserMedia, onUserMediaError = props.onUserMediaError, screenshotFormat = props.screenshotFormat, screenshotQuality = props.screenshotQuality, minScreenshotWidth = props.minScreenshotWidth, minScreenshotHeight = props.minScreenshotHeight, audioConstraints = props.audioConstraints, videoConstraints = props.videoConstraints, imageSmoothing = props.imageSmoothing, mirrored = props.mirrored, _b = props.style, style = _b === void 0 ? {} : _b, children = props.children, rest = __rest(props, ["audio", "forceScreenshotSourceSize", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]);
+                    var audio = props.audio, forceScreenshotSourceSize = props.forceScreenshotSourceSize, disablePictureInPicture = props.disablePictureInPicture, onUserMedia = props.onUserMedia, onUserMediaError = props.onUserMediaError, screenshotFormat = props.screenshotFormat, screenshotQuality = props.screenshotQuality, minScreenshotWidth = props.minScreenshotWidth, minScreenshotHeight = props.minScreenshotHeight, audioConstraints = props.audioConstraints, videoConstraints = props.videoConstraints, imageSmoothing = props.imageSmoothing, mirrored = props.mirrored, _b = props.style, style = _b === void 0 ? {} : _b, children = props.children, rest = __rest(props, ["audio", "forceScreenshotSourceSize", "disablePictureInPicture", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]);
                     var videoStyle = mirrored ? __assign(__assign({}, style), { transform: (style.transform || "") + " scaleX(-1)" }) : style;
                     var childrenProps = {
                       getScreenshot: this.getScreenshot.bind(this)
@@ -485,7 +485,7 @@ var require_react_webcam = __commonJS({
                     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](
                       react__WEBPACK_IMPORTED_MODULE_0__["Fragment"],
                       null,
-                      react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("video", __assign({ autoPlay: true, src: state.src, muted: !audio, playsInline: true, ref: function(ref) {
+                      react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("video", __assign({ autoPlay: true, disablePictureInPicture, src: state.src, muted: !audio, playsInline: true, ref: function(ref) {
                         _this.video = ref;
                       }, style: videoStyle }, rest)),
                       children && children(childrenProps)
@@ -493,6 +493,7 @@ var require_react_webcam = __commonJS({
                   };
                   Webcam3.defaultProps = {
                     audio: false,
+                    disablePictureInPicture: false,
                     forceScreenshotSourceSize: false,
                     imageSmoothing: true,
                     mirrored: false,
@@ -2753,7 +2754,7 @@ var ControlFeedback = (props) => {
   const validationMessages = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
   const isErrorVisible = (props.submitted || !props.changed) && !!props.errors;
   const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!((_a = props.validations) == null ? void 0 : _a.length);
-  const isDescriptionVisible = props.focused && props.schema.description && !isValidationVisible;
+  const isDescriptionVisible = props.schema.description && !isErrorVisible && !isValidationVisible;
   const hasInfoMessage = !!props.infoMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { id: props.id, children: [
     isErrorVisible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components7.InlineAlert, { type: "error", children: props.errors }) : null,
@@ -3026,7 +3027,8 @@ var ItemSummaryOption = ({
       onClick,
       media: getNavigationOptionMedia(item),
       title: item.title,
-      content: item.description
+      content: item.description,
+      showMediaAtAllSizes: true
     }
   );
 };
@@ -3365,7 +3367,8 @@ var RepeatableSchema = ({
       {
         onClick: onAddItem,
         media: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons.Plus, {}),
-        title: schema.addItemTitle || formatMessage(RepeatableSchema_messages_default.addItemTitle)
+        title: schema.addItemTitle || formatMessage(RepeatableSchema_messages_default.addItemTitle),
+        showMediaAtAllSizes: true
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -3679,17 +3682,96 @@ var logInvalidTypeFallbackWarning = ({
   );
 };
 
+// src/formControl/utils/getAutocompleteString.ts
+var getAutocompleteString = (hints) => {
+  const validHints = hints.filter((hint) => autocompleteHintMap[hint]);
+  if (validHints.length === 0) {
+    return "off";
+  }
+  return validHints.map((hint) => autocompleteHintMap[hint]).join(" ");
+};
+var autocompleteHintMap = {
+  on: "on",
+  name: "name",
+  namePrefix: "honorific-prefix",
+  givenName: "given-name",
+  additionalName: "additional-name",
+  familyName: "family-name",
+  nameSuffix: "honorific-suffix",
+  nickname: "nickname",
+  email: "email",
+  // Web doesn't have a specific mapping for new username, but this is semantically close enough
+  newUsername: "username",
+  username: "username",
+  newPassword: "new-password",
+  password: "current-password",
+  oneTimeCode: "one-time-code",
+  jobTitle: "organization-title",
+  organizationName: "organization",
+  fullStreetAddress: "street-address",
+  streetAddressLine1: "address-line1",
+  streetAddressLine2: "address-line2",
+  streetAddressLine3: "address-line3",
+  addressLevel1: "address-level1",
+  addressLevel2: "address-level2",
+  addressLevel3: "address-level3",
+  addressLevel4: "address-level4",
+  countryCode: "country",
+  countryName: "country-name",
+  postalCode: "postal-code",
+  creditCardName: "cc-name",
+  creditCardGivenName: "cc-given-name",
+  creditCardMiddleName: "cc-additional-name",
+  creditCardFamilyName: "cc-family-name",
+  creditCardNumber: "cc-number",
+  creditCardExpiration: "cc-exp",
+  creditCardExpirationMonth: "cc-exp-month",
+  creditCardExpirationYear: "cc-exp-year",
+  creditCardSecurityCode: "cc-csc",
+  creditCardType: "cc-type",
+  transactionCurrency: "transaction-currency",
+  transactionAmount: "transaction-amount",
+  language: "language",
+  birthdate: "bday",
+  birthdateDay: "bday-day",
+  birthdateMonth: "bday-month",
+  birthdateYear: "bday-year",
+  gender: "sex",
+  phoneNumber: "tel",
+  phoneCountryCode: "tel-country-code",
+  phoneNational: "tel-national",
+  phoneAreaCode: "tel-area-code",
+  phoneLocal: "tel-local",
+  phoneLocalPrefix: "tel-local-prefix",
+  phoneLocalSuffix: "tel-local-suffix",
+  phoneExtension: "tel-extension",
+  url: "url",
+  photo: "photo",
+  impp: "impp",
+  shipping: "shipping",
+  billing: "billing",
+  home: "home",
+  work: "work",
+  mobile: "mobile",
+  fax: "fax",
+  pager: "pager"
+};
+
 // src/formControl/FormControl.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var _FormControl = class _FormControl extends import_react15.PureComponent {
   constructor(props) {
     super(props);
-    /**
-     * autocomplete hides our form help so we need to disable it when help text
-     * is present. Chrome ignores autocomplete=off, the only way to disable it is
-     * to provide an 'invalid' value, for which 'disabled' serves.
-     */
-    this.getAutocompleteStatus = () => this.props.autoComplete ? "on" : "disabled";
+    this.getAutocompleteValue = () => {
+      const { autoComplete, autocompleteHint } = this.props;
+      if (isArray(autocompleteHint)) {
+        return getAutocompleteString(autocompleteHint);
+      }
+      if (autoComplete === true) {
+        return "on";
+      }
+      return "off";
+    };
     this.handleOnChange = (value) => {
       this.props.onChange(value);
     };
@@ -3842,7 +3924,7 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
         return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "input",
           {
-            autoComplete: this.getAutocompleteStatus(),
+            autoComplete: this.getAutocompleteValue(),
             className: "form-control",
             disabled,
             id,
@@ -3886,7 +3968,7 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
         return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "input",
           {
-            autoComplete: this.getAutocompleteStatus(),
+            autoComplete: this.getAutocompleteValue(),
             className: "form-control",
             disabled,
             id,
@@ -3964,7 +4046,7 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
           onFocus: this.handleOnFocus,
           onBlur: this.handleOnBlur,
           disabled,
-          autoComplete: this.getAutocompleteStatus()
+          autoComplete: this.getAutocompleteValue()
         };
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -4024,7 +4106,7 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
           onFocus: this.handleOnFocus,
           onBlur: this.handleOnBlur,
           disabled,
-          autoComplete: this.getAutocompleteStatus()
+          autoComplete: this.getAutocompleteValue()
         };
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -4253,6 +4335,7 @@ var SchemaFormControl = (props) => {
     options: options || [],
     placeholder: schema.placeholder,
     autoComplete: !schema.help,
+    autocompleteHint: schema.autocompleteHint,
     disabled: disabled || schema.disabled,
     displayPattern: schema.displayFormat,
     // TODO: LOW avoid type assertion below
@@ -4415,11 +4498,11 @@ var OneOfSchema = (props) => {
 function getTitleAndHelp(schema, id) {
   var _a;
   const helpElement = schema.help ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Help_default, { help: schema.help }) : null;
-  const titleElement = isConstSchema(schema.oneOf[0]) ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "control-label d-inline", htmlFor: id, children: [
+  const titleElement = isConstSchema(schema.oneOf[0]) ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "m-b-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "control-label d-inline", htmlFor: id, children: [
     schema.title,
     " ",
     helpElement
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: helpElement ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("h4", { className: "m-b-2", children: [
+  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: helpElement ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("h4", { className: "m-b-2", children: [
     schema.title,
     " ",
     helpElement
@@ -5384,6 +5467,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
       {
         type: "text",
         value,
+        className: "m-t-1",
         onFocus,
         onChange: (event) => onChange(event.currentTarget.value)
       }
@@ -5636,7 +5720,7 @@ var BasicTypeSchema = (props) => {
   const formGroupClasses = {
     "form-group": true,
     "has-error": (props.submitted || !changed) && !!props.errors || (props.submitted || changed && blurred) && !!validations.length,
-    "has-info": focused && !!props.schema.description || !!props.infoMessage
+    "has-info": !!props.schema.description || !!props.infoMessage
   };
   const showLabel = props.schema.format !== "file" && props.schema.type !== "boolean";
   const schemaHelp = props.schema.help;
@@ -5644,7 +5728,7 @@ var BasicTypeSchema = (props) => {
   return !isHidden ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
     props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DynamicAlert_default, { component: props.schema.alert }),
     /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: (0, import_classnames6.default)(formGroupClasses), children: [
-      showLabel && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "d-inline-block", children: [
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "d-inline-block m-b-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "control-label d-inline", htmlFor: id, children: props.schema.title }),
         !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Help_default, { help: schemaHelp })
       ] }),
@@ -7950,7 +8034,7 @@ var th_default = {
 // src/i18n/tr.json
 var tr_default = {
   "dynamicFlows.ArraySchema.addItem": "Kaydet",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "\xD6\u011Fe ekle",
   "dynamicFlows.ArraySchema.editItem": "Kaydet",
   "dynamicFlows.ArraySchema.maxItemsError": "L\xFCtfen {maxItems} veya daha az ekleme yap\u0131n",
   "dynamicFlows.ArraySchema.minItemsError": "L\xFCtfen en az {minItems} ekleme yap\u0131n.",
@@ -7963,7 +8047,7 @@ var tr_default = {
   "dynamicFlows.CameraCapture.reviewInstructions": "Foto\u011Fraf\u0131n\u0131z net, okunakl\u0131 ve eksiksiz mi?",
   "dynamicFlows.CameraCapture.reviewRetry": "Hay\u0131r, tekrar dene",
   "dynamicFlows.CameraCapture.reviewSubmit": "Evet, g\xF6nder",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Foto\u011Fraf \xE7ekmek i\xE7in telefonunuzu dik pozisyonda tutun",
   "dynamicFlows.ControlFeedback.maxLength": "L\xFCtfen {maxLength} veya daha az karakter girin.",
   "dynamicFlows.ControlFeedback.maximum": "L\xFCtfen {maximum} veya daha d\xFC\u015F\xFCk bir say\u0131 girin.",
   "dynamicFlows.ControlFeedback.maximumDate": "L\xFCtfen {maximum} veya daha erken bir tarih girin.",