@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/plan/plan.interface.d.ts

@@ -15,6 +15,12 @@ export interface IPlanSection {
   items?: any[];
   columns?: ISectionListSectionItemColumn[];
 }
+export interface IPlanStatistics {
+  progress?: number;
+  completionRate?: number;
+  averageTimeSpent?: number;
+  successRate?: number;
+}
 export declare class IPlan extends IEntity {
   _id: string | any;
   title: string;
@@ -56,4 +62,5 @@ export declare class IPlan extends IEntity {
   usersCount?: number;
   lessonsCount?: number;
   categories?: any;
+  statistics?: IPlanStatistics;
 }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/tenant/tenant.interface.d.ts

@@ -68,9 +68,6 @@ export declare class ITenant extends IEntity implements ICustomColors {
   waitlistStoreLocatorNoDetail?: boolean;
   waitlistHidePhonenumberVisit?: boolean;
   waitlistGoogleAnalyticsId?: string;
-  waitlistEnableShopping?: boolean;
-  waitlistMerchantId?: string;
-  waitlistCustomReferralId?: string;
   operationsPageOrder?: IFormReorderDefinition;
   boostPageOrder?: IFormReorderDefinition;
   yoobicPageOrder?: IFormReorderDefinition;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/user/user.interface.d.ts

@@ -69,7 +69,6 @@ export declare class IUser extends IEntity {
   address?: any;
   location?: ILocation;
   locationRef?: string;
-  _aclGroupsR?: any;
   lastSeen?: any;
   timeLastShownTransition?: any;
   version?: string;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/waitlist/waitlist.interface.d.ts

@@ -1,7 +1,6 @@
 import { IButton } from '../../ui/button/button.interface';
 import { IFormOpeningHoursValue } from '../../ui/form-opening-hours/form-opening-hours.interface';
 import { IEntity } from '../entity/entity.interface';
-import { IVioletInnerBasketItem } from '../violet/violet.interface';
 export declare const WaitlistAPIDateFormat = "YYYY-MM-DDTHH:mm";
 export interface IWaitlistOptions {
   locationId?: string;
@@ -54,8 +53,6 @@ export declare class IWaitlistVisit extends IEntity {
   customerProp?: IWaitlistVisitCustomerProp;
   messages?: IWaitlistVisitMessage[];
   lastAlert?: Date;
-  basket?: IVioletInnerBasketItem[];
-  violetId?: string;
   language?: string;
 }
 export declare class IWaitlistCustomer extends IEntity {
@@ -95,7 +92,7 @@ interface IWaitlistVisitMessage {
   state?: TWaitlistMessageState;
   created?: Date;
 }
-export declare type TWaitlistCreateType = 'joinwaitinglist' | 'scheduleappointment' | 'callandcollect' | 'noinfo';
+export declare type TWaitlistCreateType = 'joinwaitinglist' | 'scheduleappointment' | 'noinfo';
 export declare type TWaitlistVisitState = 'BOOKED' | 'BOOKED_VIDEOCALL' | 'BOOKED_PHONECALL' | 'WAITING' | 'SERVING' | 'COMPLETE';
 export declare type TWaitlistVisitTag = 'NO-SHOW' | 'REMOVED' | 'CANCELLED' | 'ALERTED' | 'ARRIVED' | 'DELAYED' | 'CONFIRMED' | 'EXPIRED' | 'FLAGGED' | 'IMPORTED';
 export declare enum TWaitlistMessageType {
@@ -103,13 +100,6 @@ export declare enum TWaitlistMessageType {
   WAITING_CONFIRM = "waitingConfirm",
   BOOKING_REMINDER = "bookingReminder",
   BOOKING_ALERT = "bookingAlert",
-  ADD_TO_BASKET = "addtobasket",
-  ADD_TO_BAG = "addtobag",
-  HIDE_BASKET_ITEM = "hidebasketitem",
-  REMOVE_FROM_BASKET = "removefrombasket",
-  UPDATE_BASKET_ITEM = "updatebasketitem",
-  COMPLETE_CHECKOUT = "completecheckout",
-  QUANTITY_UPDATE = "quantityupdate",
   SERVED = "served",
   COMPLETED = "completed",
   NEXT = "next",

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/types/routes.d.ts

@@ -44,7 +44,6 @@ export declare enum IRoute {
   knowledgelibrary = "knowledgelibrary",
   leaderboard = "leaderboard",
   learning_manager = "learningmanager",
-  liveshopping = "liveshopping",
   locationdetail = "locationdetail",
   locations = "locations",
   login = "login",
@@ -116,6 +115,8 @@ export declare const BADGES_RETROCOMPAT_MAP: {
   chats: string;
   battles: string;
   notifications: string;
+  'questions/collaboration': string;
+  'questions/wiki': string;
 };
 export declare const DEFAULT_INAPP_BADGES: {
   activity: number;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/ui/app/app.interface.d.ts

@@ -1,4 +1,4 @@
-declare const APP_PERMISSIONS: readonly ["canAddBluetoothDevices", "canArchiveLearners", "canAskQuestion", "canAssignCourse", "canBroadcast", "canCreateCommunity", "canChat", "canChatMultiple", "canChatSingle", "canCreateBattles", "canViewCommunities", "canCreateCampaignAudit", "canCreateCampaignMission", "canCreateCampaignPoll", "canCreateCampaignRequest", "canCreateCampaigns", "canCreateCourse", "canCreateCustomApps", "canCreateAppMixer", "canCreateDashboard", "canCreateDocument", "canCreateFeed", "canCreateFeedNoValidation", "canCreateIncentives", "canCreateMemo", "canCreatePublicEvent", "canCreateService", "canCreateCampaignTodo", "canCreateCampaignQuicktask", "canCreateCampaignQuicktaskMobile", "canCreateVisit", "canCreateWiki", "canDeleteQuestion", "canDownloadFile", "canEditOrPauseMissions", "canEditProject", "canEditWorkflow", "canInviteNewLearners", "canManageLiveShopping", "canNotifyUsers", "canReassignMission", "canReceiveService", "canScheduleMission", "canSendCourseReminders", "canSendRemindersToAll", "canShareByEmail", "canShareFeed", "canSocialShare", "canValidate", "canValidateVisit", "canVerifyQuestion", "canVideoCall", "canViewActionPlans", "canViewAisle", "canViewAICatalog", "canViewAISuggestions", "canViewAllPolls", "canViewCalendar", "canViewCampaignAnalytics", "canViewCampaignNewAnalytics", "canViewCampaigns", "canViewDashboard", "canViewDatabase", "canViewDocuments", "canViewEngagementAnalytics", "canViewFeed", "canViewHealthscore", "canViewInsightsActiveUsers", "canViewInsightsOperate", "canViewInsightsLearning", "canViewInsightsEngagement", "canViewIncentives", "canViewInsight", "canViewInsights", "canViewInsightsOverviewAnalytics", "canViewInventory", "canViewJourneys", "canViewLeaderboard", "canViewLearningManager", "canViewLiveShopping", "canViewLocationDetailTabs", "canViewMemo", "canViewMessages", "canViewMenuCreate", "canViewMicrolearning", "canViewMissionAnalysis", "canViewMissionsMore", "canViewOthersCalendar", "canViewPoll", "canViewPollAnalytics", "canViewPriceActions", "canViewProductBatch", "canViewProductBatchKpis", "canViewProject", "canViewQuestion", "canViewQuestionKnowledgeBase", "canViewQuestionKnowledgeLibrary", "canViewQuestionKnowledgeBaseInDocuments", "canViewSalesAIAnalytics", "canViewScorm", "canViewService", "canViewServiceAnalytics", "canViewLearningAnalytics", "canViewYoobicScoreAnalytics", "canViewStoreCampaignInsights", "canViewStoreInsights", "canViewShifts", "canViewManagerInsights", "canViewStoreVisits", "canViewTaskAnalytics", "canViewTodoAnalytics", "canViewUsers", "canViewUsersOrStores", "canViewVirtualShopping", "canViewVirtualShoppingAnalytics", "canViewWaitlist", "canViewWaitlistAnalytics", "canViewYext", "hasBoost", "hasDataset", "hasOperations", "hasRetailNext", "hasWorkflow", "hasMemos", "isAdmin", "isStore"];
+declare const APP_PERMISSIONS: readonly ["canAddBluetoothDevices", "canArchiveLearners", "canAskQuestion", "canAssignCourse", "canBroadcast", "canCreateCommunity", "canChat", "canChatMultiple", "canChatSingle", "canCreateBattles", "canViewCommunities", "canCreateCampaignAudit", "canCreateCampaignMission", "canCreateCampaignPoll", "canCreateCampaignRequest", "canCreateCampaigns", "canCreateCourse", "canCreateCustomApps", "canCreateAppMixer", "canCreateDashboard", "canCreateDocument", "canCreateFeed", "canCreateFeedNoValidation", "canCreateIncentives", "canCreateMemo", "canCreatePublicEvent", "canCreateService", "canCreateCampaignTodo", "canCreateCampaignQuicktask", "canCreateCampaignQuicktaskMobile", "canCreateVisit", "canCreateWiki", "canDeleteQuestion", "canDownloadFile", "canEditOrPauseMissions", "canEditProject", "canEditWorkflow", "canInviteNewLearners", "canNotifyUsers", "canReassignMission", "canReceiveService", "canScheduleMission", "canSendCourseReminders", "canSendRemindersToAll", "canShareByEmail", "canShareFeed", "canSocialShare", "canValidate", "canValidateVisit", "canVerifyQuestion", "canVideoCall", "canViewActionPlans", "canViewAisle", "canViewAICatalog", "canViewAISuggestions", "canViewAllPolls", "canViewCalendar", "canViewCampaignAnalytics", "canViewCampaignNewAnalytics", "canViewCampaigns", "canViewDashboard", "canViewDatabase", "canViewDocuments", "canViewEngagementAnalytics", "canViewFeed", "canViewHealthscore", "canViewInsightsActiveUsers", "canViewInsightsOperate", "canViewInsightsLearning", "canViewInsightsEngagement", "canViewIncentives", "canViewInsight", "canViewInsights", "canViewInsightsOverviewAnalytics", "canViewInventory", "canViewJourneys", "canViewLeaderboard", "canViewLearningManager", "canViewLocationDetailTabs", "canViewMemo", "canViewMessages", "canViewMenuCreate", "canViewMicrolearning", "canViewMissionAnalysis", "canViewMissionsMore", "canViewOthersCalendar", "canViewPoll", "canViewPollAnalytics", "canViewPriceActions", "canViewProductBatch", "canViewProductBatchKpis", "canViewProject", "canViewQuestion", "canViewQuestionKnowledgeBase", "canViewQuestionKnowledgeLibrary", "canViewQuestionKnowledgeBaseInDocuments", "canViewSalesAIAnalytics", "canViewScorm", "canViewService", "canViewServiceAnalytics", "canViewLearningAnalytics", "canViewYoobicScoreAnalytics", "canViewStoreCampaignInsights", "canViewStoreInsights", "canViewShifts", "canViewManagerInsights", "canViewStoreVisits", "canViewTaskAnalytics", "canViewTodoAnalytics", "canViewUsers", "canViewUsersOrStores", "canViewWaitlist", "canViewWaitlistAnalytics", "canViewYext", "hasBoost", "hasDataset", "hasOperations", "hasRetailNext", "hasWorkflow", "hasMemos", "isAdmin", "isStore"];
 export declare type TAppPermission = typeof APP_PERMISSIONS[number];
 export declare type IAppPermissions = Record<TAppPermission, boolean>;
 export {};

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/helpers/common-helpers.d.ts

@@ -2,7 +2,6 @@ import { KeyboardInfo } from '@capacitor/keyboard';
 import { AnimationAxis, AnimationDirection, IActionSheetButton, IAlertButton, IAuthenticationService, IBadgeEntry, IButton, IChatMessage, IContextMenuEntry, IOverlayEventDetail, IPhoto, IPhotoEditorData, IToastEntry, IUser, TContextMenuPlacement, TIconName, TNativeKeyboardEventType } from '@shared/interfaces';
 import { ModalAnimation } from '../ionic/interfaces';
 export declare function isElementClicked(ev: any, targetSelectors: string[]): boolean;
-export declare function stringToHTML(str: string): Element;
 export declare function getTransformInfos(element: HTMLElement): {
   scaleX: number;
   scaleY: number;
@@ -14,7 +13,25 @@ export declare function isNullOrUndefined(value: unknown): boolean;
 export declare function isPresent(value: unknown): boolean;
 export declare function isPhotoEdited(photo: IPhoto | IPhotoEditorData): boolean;
 export declare function debounce(func: (...args: any[]) => any, wait?: number, immediate?: boolean): (...args: any[]) => any;
-export declare function showModal<T = any>(component: string | HTMLElement, options?: Record<string, any>, cssClass?: string, enterAnimation?: string, leaveAnimation?: string, showBackdrop?: boolean, displayFullscreenButton?: boolean, host?: HTMLElement, watermarkLogo?: string, swipeCloseToRight?: boolean, forceCustomAnimationOnWeb?: boolean, modalEnterAnimationDuration?: number, modalLeaveAnimationDuration?: number, navigable?: boolean, callback?: () => void, isDevice?: boolean): Promise<IOverlayEventDetail<T>>;
+export interface ShowModalOptions {
+  component: string | HTMLElement;
+  componentProps?: Record<string, any>;
+  cssClass?: string;
+  enterAnimation?: string;
+  leaveAnimation?: string;
+  showBackdrop?: boolean;
+  displayFullscreenButton?: boolean;
+  host?: HTMLElement;
+  watermarkLogo?: string;
+  swipeCloseToRight?: boolean;
+  forceCustomAnimationOnWeb?: boolean;
+  modalEnterAnimationDuration?: number;
+  modalLeaveAnimationDuration?: number;
+  navigable?: boolean;
+  callback?: () => void;
+  isDevice?: boolean;
+}
+export declare function showModal<T = any>(options: ShowModalOptions): Promise<IOverlayEventDetail<T>>;
 export declare function closeModal(result: any, host?: HTMLElement): Promise<void>;
 export declare function closeMenuModal(host?: HTMLElement): Promise<boolean>;
 export declare function showAlert(header: string, buttonText?: (string | IAlertButton)[], message?: string, cssClass?: string, img?: string, badge?: IBadgeEntry, link?: string, icon?: TIconName, actionButton?: IButton, footer?: string): Promise<boolean>;

package/dist/types/stencil-public-runtime.d.ts

@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
 /**
  * `getMode()` is used for libraries which provide multiple "modes" for styles.
  * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
  * if the path needs to be customized.
  * @param path the path to use in calculating the asset path. this value will be
  * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -252,11 +254,13 @@ export declare function getAssetPath(path: string): string;
  * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
  * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
@@ -269,6 +273,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.6.0-3",
+  "version": "8.6.0-5",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",

package/dist/cjs/index-134dd43d.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./localForage-f9d98472.js');
-

package/dist/cjs/swiper-822fcf76.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const yooIonSlides_entry = require('./yoo-ion-slides-9abb9fbc.js');
-require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./lodash-a9050d79.js');
-require('./common-helpers-859d4168.js');
-require('./theme-f0f32a47.js');
-
-yooIonSlides_entry.Swiper.use([yooIonSlides_entry.Pagination, yooIonSlides_entry.Autoplay, yooIonSlides_entry.Scrollbar]);
-
-exports.Swiper = yooIonSlides_entry.Swiper;

package/dist/cjs/yoo-form-shopping.cjs.entry.js

@@ -1,124 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const lodash = require('./lodash-a9050d79.js');
-const formInputHelpers = require('./form-input-helpers-ae13616d.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
-require('./common-helpers-859d4168.js');
-require('./_commonjsHelpers-94df2ea7.js');
-
-const formShoppingCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}:host .outer-container .selected,:host .readonly .selected{background-color:var(--light, #ffffff)}:host .outer-container .products .top-info,:host .readonly .products .top-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3rem}:host .outer-container .products .top-info yoo-icon,:host .readonly .products .top-info yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .products .bottom-info,:host .readonly .products .bottom-info{margin-top:2rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .readonly .products .remove{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem 0}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;font-size:var(--font-size-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .title,:host .readonly .products .toolbar .title{-ms-flex:1;flex:1;padding:3px 0.5rem 3px 0;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .toolbar .title.text,:host .readonly .products .toolbar .title.text{color:var(--text-color, #807f83)}:host .outer-container .products .toolbar .title.align-right,:host .readonly .products .toolbar .title.align-right{text-align:right}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;color:var(--dark, #000000);white-space:nowrap;text-align:right}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host(.grid-cell) .readonly{padding:0}:host(.grid-cell) .readonly .title{display:none}:host(.grid-cell) .readonly .products .subtitle{margin-top:0}:host(.grid-cell) .readonly .footer{padding:0;font-weight:var(--font-weight-400, 400)}";
-
-const YooFormShoppingComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.validityChanged = index.createEvent(this, "validityChanged", 7);
-    this.inputChanged = index.createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.size = 'large';
-    this.shoppingView = 'default';
-  }
-  // private dialog: HTMLYooFormCatalogDialogElement;
-  componentWillLoad() {
-    formInputHelpers.setValidator(this);
-  }
-  setProduct(product, quantity) {
-    const value = this.value || [];
-    if (quantity === 0 || !lodash.isNumber(quantity) || quantity < 0) {
-      this.setValue(value);
-    }
-    if (!lodash.isObject(this.value)) {
-      this.value = {};
-    }
-    value[product.id.toString()] = value[product.id.toString()] || 0;
-    value[product.id.toString()] = quantity > 0 ? quantity : 0;
-    if (this.products && this.products.findIndex((p) => p.id.toString() === product.id.toString()) < 0) {
-      this.products.push(product);
-    }
-    this.setValue(value);
-  }
-  clearProduct(product) {
-    const value = this.value || {};
-    value[product.id.toString()] = 0;
-    this.setValue(value);
-  }
-  getProductRefs() {
-    return lodash.difference(lodash.keys(this.value || {}), ['price', 'total']);
-  }
-  getTotalAndPrice(readonly) {
-    var _a, _b;
-    if (readonly) {
-      return { total: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.total) || 0, price: ((_b = this.value) === null || _b === void 0 ? void 0 : _b.price) || 0 };
-    }
-    const productRefs = this.getProductRefs();
-    let total = 0;
-    let price = 0;
-    productRefs.forEach((ref) => {
-      const quantity = this.value[ref];
-      if (quantity > 0) {
-        total += quantity;
-      }
-      if (this.products) {
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product && product.sale_price > 0) {
-          price += quantity * (product.sale_price / 100);
-        }
-      }
-    });
-    return { total, price };
-  }
-  setValue(value) {
-    this.value = value;
-    const ret = this.getTotalAndPrice();
-    this.value = this.value || {};
-    this.value.price = ret.price;
-    this.value.total = ret.total;
-    this.value = { ...this.value };
-    formInputHelpers.setValueAndValidateInput(this.value, this);
-  }
-  onOpenCatalogDialog(_product) {
-    // this.dialog = document.createElement('yoo-form-catalog-dialog');
-    // this.dialog.product = product;
-    // showModal(this.dialog, { half: false }, null, getModalAnimation('Enter', 'X'), getModalAnimation('Leave', 'X'), true).then(() => {
-    //   this.dialog = null;
-    // });
-  }
-  renderProducts(readonly) {
-    const ret = this.getTotalAndPrice(readonly);
-    return ret.total > 0 ? (index.h("div", { class: "products" }, this.shoppingView !== 'checkout-complete'
-      ? [index.h("div", { class: "title" }, " ", index$1.translate('PRODUCTS')), index.h("div", { class: "subtitle" }, " ", ret.total + ' ' + index$1.translate('ITEMS'))]
-      : [
-        index.h("div", { class: "top-info" }, index.h("yoo-icon", { color: "success", name: "check", size: "small" }), index$1.translate('ORDERCOMPLETES'))
-      ], this.renderInnerProducts(readonly), ret.price > 0 && (index.h("div", { class: "footer" }, index.h("div", { class: "title" }, index$1.translate('TOTAL'), ":"), index.h("div", { class: "price" }, index$1.pipes.currency.transform(ret.price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true })))), this.shoppingView === 'checkout-complete' && index.h("span", { class: "bottom-info" }, index$1.translate('VQEMAILCONFIRM')))) : (index.h("yoo-empty-state", { type: "shopping" }));
-  }
-  renderInnerProducts(readonly) {
-    if (this.products && this.products.length > 0) {
-      const productRefs = this.getProductRefs();
-      return productRefs.reverse().map((ref) => {
-        const quantity = this.value[ref];
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product) {
-          const price = (product.sale_price / 100) * quantity;
-          return [
-            index.h("div", { class: "entity" }, index.h("yoo-entity", { onClick: () => this.onOpenCatalogDialog(product), class: "catalog-display no-border", displayType: "card-list", entityType: "violetproductofferskus", inlineActions: this.inlineActions, item: product }), !readonly && (index.h("div", { class: "remove", onClick: () => this.clearProduct(product) }, index.h("yoo-icon", { class: "yo-cross" })))),
-            this.shoppingView !== 'checkout-complete' && (index.h("div", { class: { toolbar: true } }, index.h("div", { class: "title text" }, index$1.translate('QUANTITY'), " "), readonly ? (quantity) : (index.h("yoo-form-number-picker", { key: ref, stepAmount: 1, size: index$1.isWeb(this.host) ? 'medium' : 'large', value: quantity, clearable: false, useButtons: true, onInputChanged: (ev) => {
-                ev.stopPropagation();
-                this.setProduct(product, ev.detail);
-              } })), price > 0 && index.h("div", { class: "price" }, index$1.pipes.currency.transform(price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true }), " ")))
-          ];
-        }
-      });
-    }
-  }
-  render() {
-    return index.h("div", { class: "outer-container" }, this.renderProducts(false));
-  }
-  get host() { return index.getElement(this); }
-};
-YooFormShoppingComponent.style = formShoppingCss;
-
-exports.yoo_form_shopping = YooFormShoppingComponent;