@yoobic/yobi 8.3.0-14 → 8.3.0-17

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), autoCapitalize: "none", 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.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), placeholder: translate('USERNAMEENTER'), 
+      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/{buffer-es6-4e572bc4.js → buffer-es6-b27adf29.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-bf91c7a4.js';
+import { g as global } from './lodash-9e6ab91e.js';
 
 var lookup = [];
 var revLookup = [];

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

@@ -1,6 +1,6 @@
-import './index-289a659a.js';
+import './index-aa17928c.js';
 import { h } from './index-54cb3c5d.js';
-import { V as translateMulti } from './overlays-6764f2a0.js';
+import { V as translateMulti } from './overlays-733d0adb.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-70b6ec89.js → camera-helpers-0f04aaef.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-6764f2a0.js';
-import './index-15ad2410.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-733d0adb.js';
+import './index-4cc245a0.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-4afc7950.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-fe824743.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

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

@@ -1,6 +1,6 @@
-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-6764f2a0.js';
+import './index-4cc245a0.js';
+import { i as isArray } from './lodash-9e6ab91e.js';
+import { af as is24Hour, ag as isFile, p as showModal, q as isWeb } from './overlays-733d0adb.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-9eaafeae.js → common-helpers-36ac7622.js}

@@ -1,6 +1,6 @@
-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';
+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-733d0adb.js';
+import './index-4cc245a0.js';
+import { A as get } from './lodash-9e6ab91e.js';
 
 function getDefaultModalAnimation() {
   return ['Enter', 'Leave'].map((v) => getModalAnimation(v, 'X', true));