@yoobic/yobi 8.3.0-11 → 8.3.0-15

package/dist/collection/feature-platform/login/login/login.css

@@ -595,12 +595,30 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 .outer-login-container .outer-input-container yoo-context-dialog {
   width: 100%;
 }
-.outer-login-container yoo-button#help-button {
-  align-self: flex-end;
+.outer-login-container .help-buttons {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.outer-login-container .help-buttons yoo-button#help-button {
+  width: fit-content;
+  height: 1.5rem;
+  margin: -0.5rem 0 0 0;
+}
+.outer-login-container .help-buttons yoo-button#magic-button {
   width: fit-content;
   height: 1.5rem;
   margin: -0.5rem 0 0 0;
 }
+.outer-login-container .help-buttons.mobile {
+  justify-content: flex-end;
+}
+.outer-login-container .help-buttons:not(.mobile) yoo-button#help-button {
+  margin: -0.25rem -0.5rem 0 0;
+}
+.outer-login-container .help-buttons:not(.mobile) yoo-button#magic-button {
+  margin: -0.25rem 0 0 -0.5rem;
+}
 .outer-login-container #default-login-button {
   box-sizing: border-box;
   width: 100%;
@@ -668,14 +686,22 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   visibility: hidden !important;
 }
 
-.login-options.hide-google-login:not(.hide-advanced-login) #google-login-button {
+.login-options.hide-google-login.mobile:not(.hide-advanced-login) #google-login-button {
   transform: translateY(4rem);
   visibility: hidden !important;
 }
-.login-options.hide-google-login:not(.hide-advanced-login) #sso-login-button {
+.login-options.hide-google-login.mobile:not(.hide-advanced-login) #sso-login-button {
   transform: translateY(-4rem);
 }
 
+.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #google-login-button {
+  transform: translateY(3rem);
+  visibility: hidden !important;
+}
+.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #sso-login-button {
+  transform: translateY(-3rem);
+}
+
 .login-options.hide-advanced-login.hide-google-login,
 .login-options.hide-advanced-login.hide-google-login * {
   visibility: hidden !important;

package/dist/collection/feature-platform/login/login/login.js

@@ -9,17 +9,17 @@ export class YooLoginComponent {
     // Title Text
     this.mainTitle = '';
     // Subtitle Text
-    this.subtitle = 'LOGINSUBTITLE';
+    this.subtitle = 'YOOBICLOGINSUBTITLE';
     // Username label text
-    this.usernameLabel = 'USERNAME';
+    this.usernameLabel = 'YOOBICUSERNAME';
     // Password label text
-    this.passwordLabel = 'PASSWORD';
+    this.passwordLabel = 'YOOBICPASSWORD';
     // Help text like 'forgot password?'
-    this.helpText = 'FORGOTPASSWORD';
+    this.helpText = 'YOOBICFORGOTPASSWORD';
     // Reset password text (for action sheet button)
-    this.resetPasswordText = 'RESETPASSWORD';
+    this.resetPasswordText = 'YOOBICRESETPASSWORD';
     // Magic link text (for action sheet button)
-    this.magicLinkText = 'MAGICLINK';
+    this.magicLinkText = 'YOOBICMAGICLINK';
     // A color to override any app-color / dynamic coloring
     this.textColor = null;
     this.isFocused = false;
@@ -210,12 +210,15 @@ export class YooLoginComponent {
   }
   getButton(type, onClick, ref = undefined) {
     const isOtherLoginOptions = ['GOOGLE', 'SSO'].includes(type);
-    return (h("yoo-button", { id: type !== 'HELP' ? `${type.toLowerCase()}-login-button` : 'help-button', color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && type === 'HELP' ? { color: this.textColor } : undefined, fill: type === 'HELP' ? 'transparent' : 'solid', size: isWeb(this.host) ? 'medium' : type === 'HELP' ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref },
+    const isHelpButton = ['HELP', 'MAGIC'].includes(type);
+    return (h("yoo-button", { id: !isHelpButton ? `${type.toLowerCase()}-login-button` : `${type.toLowerCase()}-button`, color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && isHelpButton ? { color: this.textColor } : undefined, fill: isHelpButton ? 'transparent' : 'solid', size: isWeb(this.host)
+        ? isHelpButton ? 'small' : 'medium'
+        : isHelpButton ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref },
       type === 'SSO' && h("yoo-icon", { size: isWeb(this.host) ? 'small' : 'medium', slot: "start", name: "lock", color: "dark" }),
       type === 'GOOGLE' && h("img", { class: "google-logo", src: googleLogo, alt: "google logo", slot: "start" }),
-      type === 'HELP'
-        ? translate(this.helpText)
-        : translate(`${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
+      isHelpButton
+        ? translate(type === 'HELP' ? this.helpText : this.magicLinkText)
+        : translate(`YOOBIC${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
   }
   render() {
     return (h(Host, { style: {
@@ -235,8 +238,8 @@ export class YooLoginComponent {
       h("div", { class: "content-container", ref: (el) => this.contentContainerElement = el },
         h(Sidepanel, { title: this.mainTitle, textColor: this.primaryColor, image: this.sidepanelImage }),
         h(MainContent, { subtitle: this.subtitle, textColor: this.primaryColor },
-          h(LoginForm, { buttonColor: this.textColor, ssoOnly: this.ssoOnly, fieldTitleColor: this.primaryColor, getInputLabel: this.getInputLabel.bind(this), getDefaultInputValue: this.getDefaultInputValue.bind(this), getInputValue: this.getInputValue.bind(this), focusedInput: this.focusedInput, host: this.host, bindReference: this.bindReference.bind(this), onIconClicked: this.onIconClicked.bind(this), onInputChanged: this.onInputChanged.bind(this), onInputFocused: this.onInputFocused.bind(this), onInputBlurred: () => this.onInputBlurred(), onEnterPressed: () => this.validateAndLogin(), onFormSubmit: (e) => this.onFormSubmit(e), onShowPassword: this.onShowPassword.bind(this), showPassword: this.showPassword, loginButtonRef: (el) => this.loginButtonElement = el, helpButtonElement: this.getButton('HELP', () => this.onForgotPassword()), ssoLoginButtonElement: this.getButton('SSO-DEFAULT', () => this.onAdvancedLogin()), clearInput: this.clearInput.bind(this), isWhitelabel: this.isWhitelabel }),
-          h(LoginOptions, { ssoOnly: this.ssoOnly, hideGoogleLogin: this.hideGoogleLogin, hideAdvancedLogin: this.hideAdvancedLogin, hasCustomBackground: this.hasCustomBackground, dividerColor: this.primaryColor, googleLoginButtonElement: this.getButton('GOOGLE', () => this.onGoogleLogin()), ssoLoginButtonElement: this.getButton('SSO', () => this.onAdvancedLogin()) }))),
+          h(LoginForm, { buttonColor: this.textColor, ssoOnly: this.ssoOnly, fieldTitleColor: this.primaryColor, getInputLabel: this.getInputLabel.bind(this), getDefaultInputValue: this.getDefaultInputValue.bind(this), getInputValue: this.getInputValue.bind(this), focusedInput: this.focusedInput, host: this.host, bindReference: this.bindReference.bind(this), onIconClicked: this.onIconClicked.bind(this), onInputChanged: this.onInputChanged.bind(this), onInputFocused: this.onInputFocused.bind(this), onInputBlurred: () => this.onInputBlurred(), onEnterPressed: () => this.validateAndLogin(), onFormSubmit: (e) => this.onFormSubmit(e), onShowPassword: this.onShowPassword.bind(this), showPassword: this.showPassword, loginButtonRef: (el) => this.loginButtonElement = el, helpButtonElement: this.getButton('HELP', () => this.onForgotPassword()), magicButtonElement: this.getButton('MAGIC', () => this.magicLinkModalRequested.emit(true)), ssoLoginButtonElement: this.getButton('SSO-DEFAULT', () => this.onAdvancedLogin()), clearInput: this.clearInput.bind(this), isWhitelabel: this.isWhitelabel }),
+          h(LoginOptions, { ssoOnly: this.ssoOnly, hideGoogleLogin: this.hideGoogleLogin, hideAdvancedLogin: this.hideAdvancedLogin, hasCustomBackground: this.hasCustomBackground, dividerColor: this.primaryColor, googleLoginButtonElement: this.getButton('GOOGLE', () => this.onGoogleLogin()), ssoLoginButtonElement: this.getButton('SSO', () => this.onAdvancedLogin()), host: this.host }))),
       h(Footer, { hasCustomBackground: this.hasCustomBackground, copyrightMessage: this.copyrightMessage, textColor: this.primaryColor, version: this.version, onClick: () => {
           if (this.ssoOnly) {
             this.ssoOnly = false;
@@ -329,7 +332,7 @@ export class YooLoginComponent {
       },
       "attribute": "subtitle",
       "reflect": false,
-      "defaultValue": "'LOGINSUBTITLE'"
+      "defaultValue": "'YOOBICLOGINSUBTITLE'"
     },
     "usernameLabel": {
       "type": "string",
@@ -347,7 +350,7 @@ export class YooLoginComponent {
       },
       "attribute": "username-label",
       "reflect": false,
-      "defaultValue": "'USERNAME'"
+      "defaultValue": "'YOOBICUSERNAME'"
     },
     "passwordLabel": {
       "type": "string",
@@ -365,7 +368,7 @@ export class YooLoginComponent {
       },
       "attribute": "password-label",
       "reflect": false,
-      "defaultValue": "'PASSWORD'"
+      "defaultValue": "'YOOBICPASSWORD'"
     },
     "helpText": {
       "type": "string",
@@ -383,7 +386,7 @@ export class YooLoginComponent {
       },
       "attribute": "help-text",
       "reflect": false,
-      "defaultValue": "'FORGOTPASSWORD'"
+      "defaultValue": "'YOOBICFORGOTPASSWORD'"
     },
     "resetPasswordText": {
       "type": "string",
@@ -401,7 +404,7 @@ export class YooLoginComponent {
       },
       "attribute": "reset-password-text",
       "reflect": false,
-      "defaultValue": "'RESETPASSWORD'"
+      "defaultValue": "'YOOBICRESETPASSWORD'"
     },
     "magicLinkText": {
       "type": "string",
@@ -419,7 +422,7 @@ export class YooLoginComponent {
       },
       "attribute": "magic-link-text",
       "reflect": false,
-      "defaultValue": "'MAGICLINK'"
+      "defaultValue": "'YOOBICMAGICLINK'"
     },
     "defaultUsername": {
       "type": "string",

package/dist/collection/feature-platform/login/login/parts/Footer.js

@@ -1,7 +1,7 @@
 import { translate } from '@shared/utils';
 import { h } from '@stencil/core';
 export const Footer = ({ textColor, copyrightMessage, version, hasCustomBackground, onClick }) => (h("footer", { onClick: onClick, style: { color: hasCustomBackground ? textColor : 'inherit' } },
-  h("p", { class: "powered-by" }, translate('POWEREDBY')),
+  h("p", { class: "powered-by" }, translate('YOOBICPOWEREDBY')),
   h("p", { class: "copyright" }, copyrightMessage),
   h("p", null, "|"),
   h("p", { class: "version" }, `V${version}`)));

package/dist/collection/feature-platform/login/login/parts/Header.js

@@ -15,7 +15,7 @@ export const Header = ({ logo, title, textColor, error, closeClick }) => ([
           'web': isWeb()
         } },
         h("p", null, translate(error)),
-        h("a", { class: "link", style: { color: `var(--${isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, translate('NEEDHELP')))),
+        h("a", { class: "link", style: { color: `var(--${isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, translate('YOOBICNEEDHELP')))),
   h("header", { class: "header" },
     h("img", { src: logo, alt: "app logo" }),
     h("h1", { style: { color: textColor } }, title))

package/dist/collection/feature-platform/login/login/parts/LoginForm.js

@@ -1,7 +1,7 @@
 import { getContrastColor, isPresent, isWeb, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { LoginInput } from './LoginInput';
-export const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputValue, getInputValue, bindReference, clearInput, onIconClicked, focusedInput, host, showPassword, loginButtonRef, onEnterPressed, onInputBlurred, onInputChanged, onInputFocused, onFormSubmit, onShowPassword, helpButtonElement, ssoLoginButtonElement, isWhitelabel, buttonColor }) => {
+export const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputValue, getInputValue, bindReference, clearInput, onIconClicked, focusedInput, host, showPassword, loginButtonRef, onEnterPressed, onInputBlurred, onInputChanged, onInputFocused, onFormSubmit, onShowPassword, helpButtonElement, magicButtonElement, ssoLoginButtonElement, isWhitelabel, buttonColor }) => {
   const inputAndButtonSize = isWeb(host) ? 'medium' : 'large';
   const loginDisabled = !(!!(getInputValue('username') || '') &&
     !!(getInputValue('password') || ''));
@@ -17,11 +17,13 @@ export const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultI
     ? h("form", { autoComplete: "on", id: "login-form", novalidate: true, onSubmit: onFormSubmit },
       renderInputContainer('username'),
       renderInputContainer('password'),
-      helpButtonElement,
+      h("div", { class: { 'help-buttons': true, mobile: !isWeb(host) } },
+        isWeb(host) && magicButtonElement,
+        helpButtonElement),
       h("input", { id: "default-login-button", class: {
           [inputAndButtonSize]: true,
           mobile: !isWeb(host),
           disabled: loginDisabled
-        }, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: translate('LOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: getContrastColor(buttonColor) } : undefined }))
+        }, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: translate('YOOBICLOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: getContrastColor(buttonColor) } : undefined }))
     : h("div", { class: "sso-only-login" }, ssoLoginButtonElement);
 };

package/dist/collection/feature-platform/login/login/parts/LoginInput.js

@@ -11,7 +11,7 @@ export const LoginInput = ({ style, label, inputType, isFocused, bindReference,
   h("div", { class: `inner-input-container ${inputType}` },
     h("div", { class: "icon-prefix", onMouseDown: (e) => e.preventDefault(), onClick: onIconClicked },
       h("yoo-icon", { name: inputType === 'username' ? 'email' : 'password', size: inputSize === 'medium' ? 'small' : 'medium', color: !isWhitelabel ? 'app-color' : 'dark' })),
-    h("input", { id: `${inputType}-input`, type: inputType === 'username' || showPassword ? 'text' : 'password', name: inputType, ref: (el) => bindReference(el, inputType), autoComplete: inputType === 'username' ? inputType : 'current-password', placeholder: translate(`${inputType === 'username' ? 'USERNAME' : 'PASSWORD'}ENTER`), required: true, onBlur: () => onInputBlurred(), onChange: (ev) => onInputChanged(ev), onInput: (ev) => onInputChanged(ev), onFocus: () => onInputFocused(), onKeyDown: (ev) => onKeyPress(ev), value: inputValue }),
+    h("input", { id: `${inputType}-input`, type: inputType === 'username' || showPassword ? 'text' : 'password', name: inputType, ref: (el) => bindReference(el, inputType), autoCapitalize: "none", autoComplete: inputType === 'username' ? inputType : 'current-password', placeholder: translate(`${inputType === 'username' ? 'YOOBICUSERNAME' : 'YOOBICPASSWORD'}ENTER`), required: true, onBlur: () => onInputBlurred(), onChange: (ev) => onInputChanged(ev), onInput: (ev) => onInputChanged(ev), onFocus: () => onInputFocused(), onKeyDown: (ev) => onKeyPress(ev), value: inputValue }),
     inputType === 'password' && h("div", { class: 'icon-suffix-focus input-show-icon', onMouseDown: (e) => e.preventDefault(), onClick: () => onShowPassword() },
       h("yoo-icon", { size: inputSize === 'medium' ? 'small' : 'medium', name: showPassword ? 'offline' : 'eye', color: "stable-alt" })),
     h("div", { class: `icon-suffix-focus ${inputType}-input-clear-icon`, onMouseDown: (e) => e.preventDefault(), onClick: () => (hasValue ? clearInput() : null) },

package/dist/collection/feature-platform/login/login/parts/LoginOptions.js

@@ -1,12 +1,14 @@
+import { isWeb } from '@shared/utils';
 import { h } from '@stencil/core';
 import { Divider } from './Divider';
-export const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBackground, dividerColor, googleLoginButtonElement, ssoLoginButtonElement }) => {
+export const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBackground, dividerColor, googleLoginButtonElement, ssoLoginButtonElement, host }) => {
   if (!ssoOnly) {
     return (h("div", { class: {
         'login-options': true,
         'sso-only': ssoOnly,
         'hide-google-login': hideGoogleLogin,
-        'hide-advanced-login': hideAdvancedLogin
+        'hide-advanced-login': hideAdvancedLogin,
+        mobile: !isWeb(host)
       } },
       h(Divider, { style: hasCustomBackground ? { '--divider-color': dividerColor } : undefined }),
       googleLoginButtonElement,

package/dist/collection/feature-platform/login/reset-password/reset-password.css

@@ -214,7 +214,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   text-align: center;
 }
 :host yoo-button {
-  max-width: 25rem;
+  max-width: 18.75rem;
   margin: auto;
   margin-top: var(--spacing-16, 1rem);
 }
@@ -227,6 +227,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host yoo-form-input {
   display: block;
-  max-width: 25rem;
+  max-width: 18.75rem;
   margin: auto;
 }

package/dist/collection/feature-platform/login/reset-password/reset-password.js

@@ -54,8 +54,8 @@ export class YooResetPasswordComponent {
     return [
       !!this.instruction && h("p", null, this.instruction),
       h("yoo-empty-state", { ref: (el) => (this.emptyState = el), type: this.isMagicLink ? 'magic-link' : 'password' }),
-      h("yoo-form-input-container", { field: { title: translate('USERNAME') }, hideOptional: true, hideLabel: true },
-        h("yoo-form-input", { ref: (el) => (this.emailInput = el), validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), 
+      h("yoo-form-input-container", { field: { title: translate('YOOBICUSERNAME') }, hideOptional: true, hideLabel: true },
+        h("yoo-form-input", { ref: (el) => (this.emailInput = el), validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'), 
           //! Do not set up onInputBlur without confirming on mobile device (We don't want to have to press submit more than once)
           size: isWeb(this.host) ? 'medium' : 'large' })),
       h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, translate('SUBMIT'))
@@ -64,7 +64,7 @@ export class YooResetPasswordComponent {
   renderResetForm() {
     const slides = [
       {
-        title: 'RESETPASSWORD',
+        title: 'YOOBICRESETPASSWORD',
         items: [
           {
             name: 'CREATENEWPASSWORDINSTRUCTION',

package/dist/collection/feature-platform/menu/copyright/copyright.js

@@ -3,7 +3,7 @@ import { Component, h, Host } from '@stencil/core';
 export class YooCopyrightComponent {
   render() {
     return h(Host, null,
-      translate('POWEREDBY'),
+      translate('YOOBICPOWEREDBY'),
       h("img", { src: "assets/logo/yoobic.svg", height: "12.8", alt: "YOOBIC Logo" }),
       "YOOBIC");
   }

package/dist/collection/feature-platform/menu/user-profile/user-profile.js

@@ -40,7 +40,7 @@ export class YooUserProfileComponent {
       h("div", { class: "profile-links" },
         h("ul", { class: "profile-links-menu" },
           this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData),
-          this.renderItem('USERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username),
+          this.renderItem('YOOBICUSERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username),
           this.renderItem('YOOBICSTORE', (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.location) === null || _f === void 0 ? void 0 : _f.title, (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.imageData),
           this.renderItem('YOOBICBIO', (_j = this.user) === null || _j === void 0 ? void 0 : _j.description),
           ((_k = this.user) === null || _k === void 0 ? void 0 : _k.position) && this.renderItem('POSITION', translate((_l = this.user) === null || _l === void 0 ? void 0 : _l.position)),

package/dist/design-system/{button.factory-ea98fed9.js → button.factory-a210a604.js}

@@ -1,6 +1,6 @@
-import './index-1397e648.js';
+import './index-289a659a.js';
 import { h } from './index-54cb3c5d.js';
-import { V as translateMulti } from './overlays-2b1f8cb5.js';
+import { V as translateMulti } from './overlays-6764f2a0.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/design-system/{camera-helpers-fa4cde23.js → camera-helpers-70b6ec89.js}

@@ -1,5 +1,5 @@
-import { b_ as cordova, b$ as IonicNativePlugin, ca as cordovaPropertyGet, cb as cordovaPropertySet, cc as registerPlugin, X as getSession, cd as isIonic, f as isNativeMobile, ce as Device, h as isAndroid, x as isIOS, cf as getMediaDevices, p as showModal, o as getModalAnimation, q as isWeb } from './overlays-2b1f8cb5.js';
-import './index-945da793.js';
+import { b_ as cordova, b$ as IonicNativePlugin, ca as cordovaPropertyGet, cb as cordovaPropertySet, cc as registerPlugin, X as getSession, cd as isIonic, f as isNativeMobile, ce as Device, h as isAndroid, x as isIOS, cf as getMediaDevices, p as showModal, o as getModalAnimation, q as isWeb } from './overlays-6764f2a0.js';
+import './index-15ad2410.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -206,7 +206,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-d995fa5f.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-4afc7950.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/{esm/chat-helpers-79fa48eb.js → design-system/chat-helpers-6d5605dc.js}

@@ -1,6 +1,6 @@
-import './index-945da793.js';
+import './index-15ad2410.js';
 import { i as isArray } from './lodash-bf91c7a4.js';
-import { af as is24Hour, ag as isFile, p as showModal, q as isWeb } from './overlays-2b1f8cb5.js';
+import { af as is24Hour, ag as isFile, p as showModal, q as isWeb } from './overlays-6764f2a0.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-246a4085.js → common-helpers-9eaafeae.js}

@@ -1,5 +1,5 @@
-import { o as getModalAnimation, t as translate, p as showModal, q as isWeb, r as debounce, u as querySelectorDeep$1, f as isNativeMobile, S as ScreenOrientation, v as findParent, w as isIphoneX, j as isIpadPro, l as isTablet, e as isFullScreenFalse, x as isIOS, h as isAndroid, y as setAnimation, z as animations, A as getCssColor, Y as YOOBICON_ENTITIES_MAP, B as startOf, D as isDateBefore, E as dateDiffInCalendarDays, F as isDateAfter, G as getAsyncExtraData, H as isNativeFilePath, I as cleanupWKWebViewFilePath, n as Cloudinary, J as getProtocol, C as CloudinaryGradientLayer } from './overlays-2b1f8cb5.js';
-import './index-945da793.js';
+import { o as getModalAnimation, t as translate, p as showModal, q as isWeb, r as debounce, u as querySelectorDeep$1, f as isNativeMobile, S as ScreenOrientation, v as findParent, w as isIphoneX, j as isIpadPro, l as isTablet, e as isFullScreenFalse, x as isIOS, h as isAndroid, y as setAnimation, z as animations, A as getCssColor, Y as YOOBICON_ENTITIES_MAP, B as startOf, D as isDateBefore, E as dateDiffInCalendarDays, F as isDateAfter, G as getAsyncExtraData, H as isNativeFilePath, I as cleanupWKWebViewFilePath, n as Cloudinary, J as getProtocol, C as CloudinaryGradientLayer } from './overlays-6764f2a0.js';
+import './index-15ad2410.js';
 import { A as get } from './lodash-bf91c7a4.js';
 
 function getDefaultModalAnimation() {