{"version":3,"sources":["../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/email-form.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/prompt-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/utils/get-available-timeslots.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/utils/booking-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/booking-modal-base.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/booking-step-time.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/booking-step-user-info.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/booking-steps.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/utils/smart-action-types.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/smart-action-button-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/smart-main-action-button-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/utils/get-action-button-props.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/utils/proxy-read-hours-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/smart-action-button-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/availability-management.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/edit-appoinment.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/appointment-management.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/components/appointment-management-wrapper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/action-custom-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-action-button/src/smart-action-button-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/constants.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/card-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/tool-cell.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/picker-cell.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/item-picker.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-card/src/item-carousel.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/smart-text-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/smart-text-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/text-helper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/smart-text-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/smart-phone-number-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-text/src/smart-rich-text-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-summary/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-summary/src/smart-summary-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-summary/src/smart-summary-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/utils.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/bing-map.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/bing-maps-context.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/bing-maps-context-provider.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/location-service.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-bing-maps/src/use-locations-from-bing-maps-api.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/validations.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/smart-contact-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/smart-contact-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/customized-toggle.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/custom-dropdown-toggle.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/location-with-map.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/components/contact-methods.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/errors.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/smart-contact-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-contact/src/utils/get-account-customer-payload.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-banner/src/smart-banner-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-banner/src/smart-banner-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-video/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-video/src/smart-video-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-video/src/smart-video-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/smart-introduction-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/smart-introduction-data.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/smart-introduction-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-introduction/src/smart-introduction-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/components/menu-list.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/components/hamburger-menu.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/components/button-list.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/smart-header-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/components/use-action-buttons.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/smart-header-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/logo-image-options.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/smart-header-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-header/src/smart-header-validator.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-social-links/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-social-links/src/smart-social-links-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-social-links/src/smart-social-links-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-social-links/src/components/smart-social-link-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-social-links/src/smart-social-links-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/pilot-utils.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/site-config-structure.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/component-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/site-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/editor-styles/dialog-style.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/editor-styles/editor-common-style.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/editor-styles/floating-banner-style.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/smart-page-theme-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/business-hours-mapping.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/generate-section-with-component.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/time-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/component-utils.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/social-link-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/site-config-image-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/website-source-data-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/mt-model-2-site-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/action-button-mapping.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/common-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/import-site-config-from-fb-site.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/host-system-scenario.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/use-responsive-mode.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/date-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/address-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/phone-format.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/phone-number-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/hooks/use-floating-banner-message.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/hooks/use-element-viewed.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/analytics.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/leads-tracking.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/cover-image-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/image-base64-resource.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/cropper-const.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/cropper-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/get-updated-images.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/image/image-info-conversion-helper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/get-updated-pages.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/const/default-values.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/const/integrate-env-type.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/load-script.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/events/prevent-event.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/navigate-to-component.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/marketing-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-util/src/localization-util.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/smart-image-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/smart-image-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/image-resize.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/use-image-meta.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/consts.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/use-upload-service.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/image-upload-local.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/common-image-options.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/select-images-list-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/image-item-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/smart-pivot-image-editor-context.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/select-images-list-view-with-search.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/facebook-photos-list-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/common-image-options-for-pivot.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/smart-image-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/smart-pivot-image-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/use-existing-uploaded-image.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/logo/circle-logo.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/logo/logo-image.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/logo/proxy-read-logo-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/use-facebook-photos.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/add-images-placeholder.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/add-images-placeholder-with-positioning.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-image/src/components/edit-images-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/time-utils.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/time-ranges-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/smart-hours-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/proxy-read-hours-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/smart-hours-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/time-range-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/time-range-editor-new.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/smart-day-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/smart-hours-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/business-hours-editor-wrapper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-business-hours/src/business-hours-view-wrapper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/components/privacy-content-configs.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/components/privacy-content.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/components/edit-privacy-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/components/privacy-content-template.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/components/privacy-content-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-privacy-policy/src/smart-privacy-policy-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-footer/src/smart-footer-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-footer/src/smart-footer-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-gallery/src/smart-gallery-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-gallery/src/smart-gallery-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-gallery/src/components/select-images-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-gallery/src/components/validation.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-gallery/src/smart-gallery-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/consts/prop-types.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/components/professional-service-card.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/smart-professional-service-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/smart-professional-service-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/components/professional-service-form.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/components/add-professional-service-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/components/professional-service-editor-item-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/components/professional-service-editor-item-list.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-professional-service/src/smart-professional-service-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/components/constants.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/components/smart-update-card.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/smart-update-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/smart-update-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/components/select-update-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/components/update-helper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/smart-update-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-update/src/components/use-data-state.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/list/selectable-item-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/list/page-navigation-footer.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/overflow/tooltip-wrapper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/loading.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/radioButton/radio-button.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/steps/step-handler-context.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/button.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/styles/step-progress-bar-styles.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/components/step-progress-bar.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/styles/step-footer-styles.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/components/step-footer.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/styles/step-progress-footer-styles.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/components/step-progress-footer.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/styles/card-wrapper-styles.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/components/card-wrapper.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/styles/card-step-layout-styles.js","../../../node_modules/@bingads-webui-campaign-react/shared-step-layouts/src/card-step-layout.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/steps/step-base-container.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/msal/config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/msal/use-msal.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-primitive/src/coupon/use-coupon-detail.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-cropper/image-cropper-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-cropper/image-cropper-preview.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-cropper/index.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-cropper/styles.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/smart-cover-image-view-with-cropper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/use-local-image.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/smart-cover-image-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/local-images-select.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-options.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/smart-cover-image-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-cover-image/src/components/image-options-for-pivot.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/components/constants.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/components/smart-review-card.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/smart-review-view.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/data-config.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/component-config-reader.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/smart-review-connector.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/components/select-review-dialog.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/components/review-helper.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/smart-review-editor.js","../../../node_modules/@bingads-webui-campaign-react/smart-component-review/src/components/use-data-state.js"],"names":["dialogStyles","main","maxWidth","dialogContentStyle","title","fontSize","padding","lineHeight","textAlign","UnstyledEmailForm","_ref","classes","hideDialog","showError","serverError","showWarning","onSubmit","onCancel","i18n","requestSent","phoneRegEx","_useState","useState","_useState2","_slicedToArray","name","setName","_useState3","getString","_TL_","_useState4","phone","setPhone","_useState5","_useState6","mail","setMail","_useState7","_useState8","message","setMessage","_useState9","_useState10","nameError","setNameError","_useState11","_useState12","phoneError","setPhoneError","_useState13","_useState14","mailError","setMailError","_useState15","_useState16","isNameValid","setIsNameValid","_useState17","_useState18","isPhoneValid","setIsPhoneValid","_useState19","_useState20","isMailValid","setIsMailValid","isMobile","useClientContext","editorStatusContext","useContext","EditorStatusContext","isEditorMobileMode","_","isArray","length","editorStatus","previewMode","PreviewMode","Mobile","groupWidth","mobileGroupWidth","onChangeName","useCallback","event","newValue","isEmpty","onChangePhone","test","onChangeMail","validateEmailAddress","onChangeMessage","requestFailMessage","React","createElement","MessageBar","className","messageBarType","MessageBarType","error","previewWarningMessage","isMultiline","warning","header","classNames","close","onClick","aria-label","icon","src","closeIcon","alt","Dialog","hidden","onDismiss","dialogContentProps","type","DialogType","normal","styles","showCloseButton","modalProps","isBlocking","dialog","group","TextField","label","placeholder","value","onChange","errorMessage","multiline","resizable","errorGroup","actionGroup","PrimaryButton","submit","text","disabled","defaultProps","EmailForm","withDefaultStyles","background","border","outline","position","right","width","height","&:focus","color","margin","minHeight","borderRadius","backgroundColor","&:hover","&[disabled]","mobileDialogContentStyle","UnstyledPromptDialog","content","confirm","PromptDialog","DURATION","getTimeInMinutes","duration","getDisplayedDuration","timeInMinutes","key","truncateTime","time","timePiece","findNext","hour","minute","newHour","newMinute","Math","ceil","floor","mapTimeToStateIndex","partsInHour","applyAvailabilityOnWeekStates","availability","partsInHours","states","Array","from","forEach","day","index","timeSlots","isOpenAllDay","baseIndex","endIndex","i","timeSlot","nextTime","openHour","openMinute","lastTime","closeHour","closeMinute","startIndex","transformTimeIndexToTimeslot","timeIndexes","transformWeekStatesInTimezones","weekStates","sourceTimeOffset","targetTimeOffset","timeOffset","stateOffset","rightSide","slice","leftSide","concat","_toConsumableArray","markExistingBookingsInDayStates","dayStates","existingBookings","newDayStates","booking","timeObj","_ref2","arguments","undefined","timeString","moment","parseZone","add","minutes","mapTimeStringToTimeObject","Number","_truncateTime","_truncateTime2","getAvailableBookingTimeslots","date","piecesInDay","getWeekdayIndex","existingBookingsToday","year","month","filter","timeWithTimezone","bookingYear","bookingMonth","bookingDay","getExistingBookingsOfDay","availableBookingTimeslots","state","push","getTimeString","startTime","timezoneOffset","toObject","timeArray","format","split","parsedTime","_objectSpread","hours","seconds","milliseconds","offset","utcOffset","getTimeOptions","ignorePastTime","newExistingBookings","map","currentTime","reduce","memo","current","comparedTime","isBefore","timeToString","timeOption","getDurationOptions","modalDefaultStyle","scrollableContent","maxHeight","iconButtonStyles","root","marginLeft","marginTop","marginRight","cancelIcon","iconName","UnStyledSmartBookingModal","children","isOpen","isLoading","actionButtonLabel","onCloseModal","onClickFooterButton","modalStyle","hideFooter","hideHeader","onRenderHeader","mergedStyles","useMemo","omit","isFunction","Modal","bookingContainer","loadingMask","Spinner","IconButton","iconProps","ariaLabel","footer","footerBtn","noop","SmartBookingModal","display","flexDirection","alignItems","justifyContent","& button:hover","fontWeight","marginBottom","top","zIndex","flexShrink","flex","opacity","calenderStyle","boxShadow","UnstyledBookingStepTime","_ref3","durationOptions","selectedDuration","onSelectDuration","selectedDate","onSelectDate","selectedTime","onSelectTime","isInPreview","focus","dropdownRef","useRef","useEffect","Dropdown","componentRef","input","options","selectedKey","timeHint","timePicker","Icon","Calendar","showMonthPickerAsOverlay","highlightSelectedMonth","showGoToToday","calendarDayProps","minDate","toDate","weekRow","id","Availability","_defineProperty","mobileTimelist","emptyLabel","selectedItem","onSelectItem","ariaDescribedBy","BookingStepTime","& .card th","& .indicator","& i","& span","& .time-list","minWidth","bottom","flexWrap","fontStyle","editButtonStyle","textAreaStyle","fieldGroup","UnstyledBookingStepUserInfo","bookingTimeInfo","onEditTime","email","onChangeEmail","phoneNumber","onChangePhoneNumber","extraMessage","onChangeExtraMessage","stepTwo","bold","DefaultButton","form","item","firstName","e","val","lastName","role","BookingStepUserInfo","& .preview-warning-message","& .ms-TextField-fieldGroup","& .name","& .ms-TextField","customModalStyle","getMobileModalStyle","isRuntime","STEP_CONFIG","ONE","buttonText","validator","TWO","emailError","validatePhone","firstNameError","validateText","lastNameError","extraMessageError","dateOptions","UstyledBookingSteps","bookingProps","onClose","logger","userLocale","smartPageId","availableBookingHours","customerEmail","landingLink","businessName","customerTimeZoneOffset","_useBookingService","useBookingService","createBooking","isCreatingBooking","isGetExistingBookings","getExistingBooking","locale","useCurrentLocale","currentStep","setCurrentStep","setDuration","Date","setSelectedDate","setSelectedTime","stepOneError","setStepOneError","setAvailability","setEmail","setPhoneNumber","setExtraMessage","_useState21","_useState22","stepTwoError","setStepTwoError","_useState23","_useState24","setShowWarning","_useState25","_useState26","autoFocus","setAutoFocus","formattedBookingInfo","toLocaleDateString","prev","onBackToStepOne","userTimeZoneOffset","availableStartTime","errors","sendAnalyticsData","sendLeadsTrackingData","customerEmailAddress","manageAppointmentLink","bookingDetails","Name","PhoneNumber","EmailAddress","Service","Time","TimeInMinutes","Message","UserTimeZoneOffset","then","logTrace","window","location","hostname","catch","container","stepMobile","step","logError","BookingSteps","BOOKING_OPERATIONS","ERRORS","ActionTypes","CallNow","uriPrefix","dataSourceName","DATA_SOURCE_KEY_MAPPING","editorLabel","phoneIcon","iconText","enable","dataSourceValue","SendMail","Emails","readProcessor","writeProcessor","mailIcon","GetDirections","LocationInfo","mapPinIcon","GetQuote","isFormLink","ContactUs","BookAppointment","isLinkEditable","operations","linkText","action","pilots","isSmartPageBookAppointmentEnabled","isExternalLink","isValidUrl","linkUrl","ShopNow","SignUp","OrderFood","PurchaseGiftCard","CustomLink","isTextEditable","SmartActionButtonTypes","mapObject","EMAIL_ACTION_TYPES","applyBookAppointmentDefaultConfig","config","actionType","UnStyledSmartActionButtonView","target","mailService","useIconButton","isEditMode","setHideDialog","hidePromptDialog","setHidePromptDialog","setShowError","showBookingModal","setShowBookingModal","setRequestSent","_useClientContext","InstrumentationServiceContext","host","onClickActionButton","onSubmitForm","sendMail","mailType","userName","userMail","userPhone","res","finally","onCancelForm","onClosePromptDialog","onCloseBookingModal","isComplete","IconContainer","pureButton","actionButton","Link","href","rel","Fragment","iconButton","SmartActionButtonView","components","_ref$palette","palette","primaryButton","textDecoration","whiteSpace","textOverflow","overflow","section","& a","secondaryBackground","mode","THEME_MODE_KEY_MAPPING","Dark","secondaryText","SmartMainActionButtonView","withErrorView","props","rest","_objectWithoutProperties","_excluded","Object","assign","mainActionButton","proxyReadFromCTAComponentConfig","componentConfig","formatUri","prefix","uri","encodeURI","getIsUsedExternalLink","isUndefined","getDirectionUri","directionUri","isAndroid","isIOS","getActionButtonProps","siteConfig","overrideButtonConfig","getComponentById","_SmartActionButtonTyp","_SmartActionButtonTyp2","_SmartActionButtonTyp3","identity","_SmartActionButtonTyp4","getDataSourceByKey","targetUri","defaultLinkText","proxyReadHoursConfig","defaultHours","getDefaultHoursConfig","bookingHours","getWebsiteSourceDataByKey","WEBSITE_SOURCE_DATA_KEY_MAPPING","Appointment","AppointmentHours","bizHourConfig","getComponentByType","COMPONENT_TYPE_MAPPING","BusinessHours","contactConfig","Contact","businessHours","propertyOf","mapWSDHoursToHours","SmartActionButtonConnector","SiteConfigContext","I18nContext","_useContext2$Urls","DataServiceContext","Urls","_useContext2$Urls2$Si","SignOutUrl","useIsSmartPageBookAppointmentEnabled","_getActionButtonProps","emails","BusinessName","timeZoneId","TimeZoneId","getTimeZoneOffset","siteContextInfo","sourceUrl","MailService","customerName","signOutUrl","Component","UnStyledSmartBookingAvailabilityManagement","_useContext","dispatchSiteConfig","setBookingHours","onTimeChange","updatedHours","triggerTimeChange","payload","mapHoursToWSDFormat","Services","onClickSubmit","SmartHoursEditor","timeSpan","TIMESPANS","HALF_HOUR","SmartBookingAvailabilityManagement","UnstyledAppointmentEdit","bookingDetail","appointmentHours","submitFnRef","updateAppointment","onFinished","emailAddress","_useMemo","getTimeInfo","setErrorMessage","newDate","newTime","toString","Error","filteredExistingBookings","contact","AppointmentEdit","& .input-message","& .bold","& .detail","backIcon","UnStyledSmartAppointmentManagement","smartPageService","onInternalModalChange","showBack","isEditingModalVisible","setIsEditingModalVisible","shouldFetchBookings","setShouldFetchBookings","isFetchBookings","setIsFetchBookings","isUpdateBooking","setIsUpdateBooking","setExistingBookings","editingItem","setEditingItem","upsertSmartPageBookings","_window$location","protocol","pathname","parameters","err","body","onConfirmCancelAppointment","status","_useConfirmDialog","useConfirmDialog","confirmText","onConfirm","cancelText","_useConfirmDialog2","cancelAppointmentDialog","showCancelAppointmentDialog","isCancelAppointmentDialogVisible","onEditAppointment","onCancelAppointment","onCloseModalInternal","shouldCloseAllModal","editingHeader","columns","timeZoneOffset","_ref$onEditAppointmen","_ref$onCancelAppointm","fieldName","columnCell","headerClassName","topBottomBorder","onRender","bookingTime","formattedTime","isDisabled","underline","getColumns","bookingList","DetailsList","items","selectionMode","SelectionMode","none","getExistingBookings","containerClassName","listContainer","SmartAppointmentManagement","& .ms-DetailsList-headerWrapper .ms-DetailsHeader","borderBottom","& .ms-Spinner, .empty-message","left","transform","& .list-header","& .list-content","borderRight","&:last-child","borderTop","paddingLeft","& .back-to-list","& button","& .title","UnStyledSmartAppointmentManagementWrapper","isModalVisible","setIsModalVisible","visibility","_getDataSourceByKeys","getDataSourceByKeys","_getDataSourceByKeys2","Localization","SmartAppointmentManagementWrapper","DataSourceFieldEditor","selectedActionType","validateInput","dispatchDataSourceChange","formattedValue","onDataSourceChange","onGetErrorMessage","LinkUrlEditor","_ref4","hideLabel","validateLink","onLinkUrlChange","newComponentConfig","onLinkUrlBlur","prependProtocolToUrl","onBlur","PreviewForm","_ref5","useMobileSupportEnabled","openDialog","formContent","previewLink","BookingOperations","_ref6","isBookingModalOpen","setIsBookingModalOpen","bookingOperation","setBookingOperation","onOpenBookingModal","selectedBookingOperation","showAvailabilityManagement","showAppointmentManagement","_ref7","actionTypeToEditorMapping","SmartPhoneNumberEditor","onLinkTextChange","isExternalLinkUsed","setIsExternalLinkUsed","onToggleChange","checked","Toggle","inlineLabel","ActionCustomEditor","contains","customEditors","CustomEditor","accessibilityProps","calloutProps","doNotLayer","callout","componentId","_useDefaultEditorStyl","useDefaultEditorStyle","titleClassName","descriptionClassName","editorContentClassName","useAllPilots","chain","pairs","compact","getActionOptions","ctaLabel","actionButtonProps","find","setSelectedActionType","actionTitle","option","preventEventPropagation","cloneDeep","getUpdatedComponentConfigByType","CARD_DIALOG_MODE","UnStyledCardDialog","ItemComponent","generateItemProperty","mapItemToCard","targetItem","authorCharacterLimit","characterSoftLimit","characterHardLimit","labelTexts","onAdd","gotoSettings","cardType","supportImageInput","supportAuthorInput","useSiteConfig","useInstrumentationServiceContext","businessCategories","BusinessCategories","currentCard","isCreate","setIsLoading","showImageEditor","setShowImageEditor","ImageSource","StockImage","selectedImageType","setSelectedImageType","author","cardAuthor","setCardAuthor","cardMessage","setCardMessage","photo","cardPhotoUrl","setCardPhotoUrl","imageError","setImageError","emptyImageListRef","_useUploadService","useUploadService","uploadImageAsync","bulkUploadImagesByUrlsAsync","isSmartPageM365StockImageGalleryEnabled","useIsSmartPageM365StockImageGalleryEnabled","shouldStartFetchFbPhotos","setShouldStartFetchFbPhotos","_useFacebookPhotos","useFacebookPhotos","isFbSupported","fbPhotos","isInitializing","generateCardMessageError","currentLength","maximumCharacterErrorText","softLimit","classnames","warningIcon","messageError","setMessageError","onTextAreaChange","limit","setText","setError","getErrorMsg","trim","isAddBtnDisabled","hasTextInput","hasImageInput","onImageSelectionChanged","selectionList","selection","url","getUploadUrlFromImage","imageData","source","getUploadDetailFromImage","onPivotLinkClicked","ImageOptionsKey","FACEBOOKIMPORT","serializeTextInputValue","truncateStringEndWithEmoji","serializeAuthorInputValue","onDeleteImage","UiBlocker","blocking","loadingText","cardEditor","cardEditorSidePanel","headerStyle","SmartPivotImageEditor","onSelectionChanged","isLoadingFbPhotos","isMultiple","itemsPerPage","defaultKeywords","creationTitleText","editTitleText","cardAuthorTextArea","SmartTextEditor","smartTextEditor","authorSubtitleText","rows","maxCharCount","serializeValue","cardTextArea","messageSubtitleText","invalid","cardImageArea","Label","imageSubtitleText","EditImagesView","externalSrc","onDelete","onReplace","deleteOnly","AddImagesPlaceholder","cardEditorPreview","getISOTimeStringWithTimeZone","DialogFooter","cardId","getTime","newItem","JSON","stringify","newSelections","imageIdsToRemove","imageId","Local","result","imageToAdd","IdString","ImageUrl","cardImageId","cardExternalSrc","flatten","imagesToAdd","primaryButtonText","CardDialog","& .ms-TextField-messageError","borderLeft","& label","& .card","& > div","& .ms-Dialog-header","& .ms-Dialog-button--close","& .ms-Dialog-title","& .ms-Dialog-inner","& .ms-Dialog-actions","paddingTop","& .ms-Dialog-actionsRight","paddingBottom","& .ms-Dialog-action","UnStyledToolCell","onEdit","renderItemHeader","selectedPageIndex","numberOfItemsPerPage","deleteButtonAriaLabel","editButtonAriaLabel","editButtonLabel","editable","cellContainer","createdTime","itemContentContainer","divider","actionButtonContainer","CommandBarButton","ToolCell","UnStyledPickerCell","defaultState","updateSelectedState","selectable","SelectableItemView","selected","onRenderItem","itemContainer","unSelectedClassName","PickerCell","borderColor","UnStyledItemPicker","_React$PureComponent","_this","_classCallCheck","this","_this$props","_callSuper","pages","currentPage","each","originalItems","visibleItems","_inherits","_createClass","_this$props2","getDeleteButtonAriaLabel","getEditButtonAriaLabel","editableConditionCheck","commonCellProps","bind","_this$props3","onSelectChange","selectedIds","setState","foundIndex","findIndex","size","isChecked","newPageIndex","updatePage","_this$props4","noDataLabel","_this$state","emptyTips","List","getItemCountForPage","onRenderCell","ignoreScrollingState","getPageHeight","countIndicator","PageNavigationFooter","totalPageNumber","onNextPageClick","goToNextPage","onPreviousPageClick","goToPreviousPage","onRandomPageSelect","pageIndex","nextProps","prevState","isEqual","newSelectedPageIndex","PureComponent","Infinity","ItemPicker","& .ms-List-cell","verticalAlign","& .ms-MessageBar-content","themeLighterAlt","@media (forced-colors: active)","RESPONSIVE_MODE_TO_ITEMS_PER_PAGE","ResponsiveMode","LargeDesktop","MediumDesktop","SmallDesktop","mapCardsToPage","startingIndex","CardComponent","page","currentIndex","getNumberOfPages","responsiveSize","UnStyledItemCarousel","carouselCursor","setCarouselCursor","updateCarouselCursor","numPages","ariaLabels","leftArrow","rightArrow","carouselContainer","mobileContainer","Carousel","showThumbs","showStatus","axis","autoPlay","useKeyboardArrows","onClickItem","showArrows","showIndicators","labels","carouselPages","mapCards","displayName","ItemCarousel","component","& .carousel.carousel-slider","& .slide","primaryBackground","& .control-arrow","&:before","&:after","backgroundSize","& .control-next","&:hover, &:active","pageControl","backgroundImage","rightIcon","& .control-prev","leftIcon","& .control-arrow.control-disabled","& .control-dots","& .dot","& .dot.selected","pageSelect","& .carousel .control-dots .dot","SmartTextView","TagName","TextErrorMap","Required","MaxLength","defaultTextError","isRequired","customErrorMap","charRemainingDescription","remainingCharCount","defaultStyles","subComponentStyles","sectionTitleStyles","description","deSerializeValue","onFocus","validation","mask","customStyles","shouldTrimValue","passThroughProps","propsForMask","maskChar","debouncedDispatchSiteConfig","useDebouncedDispatchSiteConfig","TextInput","MaskedTextField","inputValue","internalVal","setInternalVal","internalTextInputValue","textInputValue","inputRef","validatedResult","onInputChange","trimmedFormattedVal","formattedVal","required","onRenderLabel","textEditorStyles","onRenderOption","onRenderTitle","UnstyledSmartPhoneNumberEditor","initialCountryCode","onPhoneNumberChange","labelProp","ignoreInternalValidate","countryList","useCountryContext","countries","pluck","fullPhoneNumber","locationInfo","_parseInitialPhoneNum","parseInitialPhoneNumber","initialPhoneNumber","initialCallingCode","initialCountryId","findWhere","Id","first","getInitialCountry","selectedCountry","setSelectedCountry","countryId","setCountryId","callingCode","setCallingCode","internalErrorMessage","setInternalErrorMessage","onPhoneNumberInputChange","onSelectOption","selectedCountryId","countryConfig","selectedCallingCode","CountryCallingCode","phoneNumberWithCallingCode","composePhoneNumber","errMessage","country","getCallingCodeDisplayByCountry","countryDropDown","dropdownWidth","phoneNumberEditorContainer","phoneNumberCountryMenuContainer","& .ms-Toggle","& label.ms-Label span","& .smart-action-button-phone-input","& .ms-TextField-wrapper label.ms-Label","& .ms-TextField-errorMessage","& .ms-Toggle-innerContainer","phoneNumberEditorLabel","tmpDiv","document","editorForCharCount","Editor","ribbonButtons","RibbonButtons","Bold","Italic","Underline","Bullet","Numbering","AlignLeft","AlignCenter","AlignRight","InsertHyperlink","RemoveHyperlink","Undo","Redo","RemoveFormatting","Clear","getRawTextFromRichText","richText","setContent","getContent","GetContentMode","PlainText","UnstyledSmartRichTextEditor","onValidate","sectionTitleClassName","setValidatedResult","inputVal","rteContainer","RichTextEditor","onContentChanged","initialContent","charRemaining","SmartRichTextEditor","mobileDevice","& .rich-text-editor-wrapper","dataProperties","aboutUs","businessSummary","placeholderValues","SmartSummaryView","summary","summaryHtmlContent","HtmlSanitizer","sanitizeHtml","convertInlineCss","data-property","businessSummaryContainer","mobileBusinessSummary","dangerouslySetInnerHTML","__html","truncate","sectionTitle","wordBreak","SmartSummaryConnector","_getComponentById","useI18n","BusinessDescription","businessDescription","DEFAULT_BING_MAP_API_KEY","DEFAULT_GEO_LOCATION","latitude","longitude","injectScript","loadScriptAsynchronously","pollForBingMapsSdk","maxAttempts","interval","currentAttempts","sdk","Microsoft","Maps","Color","loadModule","getBingMapsSdk","Promise","resolve","delay","BingMap","bingMapsApiKey","element","onGetTooltipHtmlContent","center","Location","mapOptions","credentials","enableSearchLogo","mapTypeId","MapTypeId","road","navigationBarMode","NavigationBarMode","restrictKeyboardListeningToMapContainer","showBreadcrumb","showDashboard","showLocateMeButton","showMapTypeSelector","showScalebar","zoom","polygonLayer","Layer","pushpinLayer","Map","layers","insertAll","tooltip","Infobox","showPointer","visible","setMap","point","eventType","handler","setView","pushpin","Pushpin","Events","addHandler","entities","getLength","get","removeAt","BingMapsContext","createContext","BingMapsContextProvider","loadBingMapsSdkRequested","setLoadBingMapsSdkRequested","setMaps","loadBingMapsSdk","existingSdk","newSdk","Provider","BING_MAPS_API_BASE_URL","LOCATIONS_PATH","AUTO_SUGGEST_PATH","LocationService","_ref$apiKey","apiKey","service","query","http","data","o","incl","contentType","maxResults","maxRes","bingMap","validateLocation","validateGeoLocation","geoLocationInfo","isFallbackLoc","validateHours","daysValid","isValid","allValid","proxyReadContactComponentConfig","_componentConfig$show","showEmail","_componentConfig$show2","showPhone","_componentConfig$show3","showLocation","_componentConfig$show4","showHours","showMap","toggleValueToActionButtonTypeMapping","getActionTypesForContactComponent","_proxyReadContactComp","MAPPING_KEY_TO_MT","MAPPING_MT_TO_KEY","invert","formatGeoLocation","needUpperKeyName","keys","cur","newKeyName","getGeolocationInfo","_siteConfig$websiteSo","websiteSourceData","locations","Locations","UnStyledSmartContactView","responsiveModeClass","emailList","isBusinessHourSectionEnabled","useIsBusinessHourSectionEnabled","isSmartPageMapEnabled","useIsSmartPageMapEnabled","responsiveMode","setBingMap","hideInNonEditingMode","isShowingBingMap","contactMethods","property","renderFooter","SmartActionButton","uniqueId","data-source-name","contactMethodsItemButton","contactRefs","trackCopyEvent","bingMapPushpinEventHandler","open","addPushpinToCenter","newBingMap","addEventListener","removeEventListener","containerClass","containerWithOutBizHour","bingMapClass","mapContainer","contactMethodsItemContainer","contactMethodsItem","contactMethodsItemTitle","TooltipWrapper","lineClamp","contactMethodsItemContent","ref","el","contactMethodsActionButton","hideMapControls","mapItem","businessHoursContainer","SmartBusinessHoursConnector","SmartContactView","& .MicrosoftMap","& .NavBar_Container, & .CopyrightContainer, & .bm_LogoContainer, & #mapFocus","pointerEvents","cardBackground","defaultButton","mobileMode","& $contactMethodsItemContainer","& $contactMethodsItem","smallDesktopMode","SmartContactConnector","UnstyledCustomizedToggle","onToggle","defaultChecked","onText","offText","toggleContainer","CustomizedToggle","CustomDropdownToggle","forwardRef","propTypes","PropTypes","oneOfType","arrayOf","node","toggleStyle","UnstyledLocationWithMap","isToggleDisabled","businessAddressLabelId","activeDataProperty","onMapToggle","onLocationToggle","showMapWarning","setShowMapWarning","suggestResults","setSuggestResults","isListOpen","setIsListOpen","hasFocusElement","setHasFocusElement","_useEditorStatusConte","useEditorStatusContext","dispatchEditorStatus","_useLocationsFromBing","isInit","setService","getLocations","trimmedQuery","String","locationRes","geoLocation","resourceSets","firstResourceSet","resources","coordinates","getAutoSuggestedLocations","max","autoSuggest","suggestedLocations","suggestedResults","__type","address","formattedAddress","completeAddress","rawAddress","useLocationsFromBingMapsApi","getLocationsFromBingMapApi","getSuggestionsFromBingMapApi","isBingMapEnabled","getGeoLocation","debounce","getSuggestedLocations","results","onLocationChange","onSelectSuggestedLocation","onInputFocus","onClickOutSide","dropDownList","getElementById","querySelector","preview","onKeyDown","aElement","preventDefault","suggestedLocationMenu","MenuItem","onSelect","locationContainer","bsRole","autoComplete","aria-labelledby","Menu","data-clarity-unmask","mapToggleContainer","TooltipHost","directionalHint","DirectionalHint","bottomCenter","LocationWithMap","& .bing-maps-search-box-dropdown","& .bing-maps-search-box-results-menu","& .bing-maps-search-box-results-menu.close","& .bing-maps-search-box-search-result","& .dropdown-menu > div > li > a","hasOnlyOneTrue","obj","keyName","every","ContactMethods","_useSiteConfig","_ref3$","_ref3$2","editingComponentType","editingComponentId","isPreviewSelecting","_ref3$3","onPhoneNumberToggle","partial","onEmailToggle","toggleStates","needFocusDataProperties","indexOf","editingComponentProperty","Stack","tokens","childrenGap","data-editable-property","getErrors","validate","validators","validateWhenTrue","warnings","_useUserAccountCustom","useUserAccountCustomer","postponeRead","componentName","updateAccountWithLog","updateCustomerWithLog","readAccountWithLog","readCustomerWithLog","_useEditorStatusConte2","evt","update","syncContactInfoToUAC","syncPhonePromise","syncLocationPromise","customer","_getCustomerPayload","BusinessPhone","hasDelta","updatedCustomer","getCustomerPayload","Customer","buffer","countryRegionIso2","account","_getAccountPayload","addressSuggestion","_account$BusinessAddr","BusinessAddress","Line1","PostalCode","StateOrProvince","City","hasAddress","updatedAccount","bizAddrInfo","Country","countryRegion","CountryName","locality","addressLine","Line2","Line3","Line4","postalCode","adminDistrict","getAccountPayload","Account","all","editorStatusLoadingWrapperForPromise","SmartBusinessHoursEditorWrapper","isInContact","showHeaderToggle","headerToggleChecked","onHeaderToggleChange","hoursEnabled","buttonStyles","rootHovered","rootPressed","UnStyledSmartBannerView","customedContent","bannerContainerClasses","bannerContainer","mobileBannerContainer","onClickButton","landingPageUrl","getLandingPageUrl","domain","strongFont","SmartBannerView","fontFamily","& $content","& $text","SmartBannerConnector","isSmartPageM365BannerEnabled","useIsSmartPageM365BannerEnabled","isM365Premium","useIsM365Premium","videoUrl","videoSize","videoWidth","videoHeight","videoDescription","videoCanPlay","getDataFromConfig","videoConfig","VideoSize","SMALL","MEDIUM","LARGE","optionStylesProp","field","UnStyledSmartVideoView","isReady","setIsReady","readyUrl","setReadyUrl","videoAvaliable","setVideoAvaliable","embedVideo","videoContainer","ReactPlayer","onReady","onError","controls","disableDeferredLoading","Loading","loading","videoPlaceholderContainer","style","placeholderText","invalidVideoIcon","placeholderIcon","mobileVideoDescription","useIsSmartPageVideoSectionEnabled","SmartVideoView","-webkit-line-clamp","-webkit-box-orient","SmartVideoConnector","EmbeddedVideos","_getDataFromConfig","_getDataFromConfig$vi","_getDataFromConfig$vi2","setWidth","setHeight","smartVideoContainerRef","setResizeValue","containerElement","newWidth","newHeight","containerWidth","parseInt","clientWidth","aspectRatio","resizeHandler","dataPropertiesWSDKeys","headline","headlineMaxCount","descriptionMaxCount","UnStyledSmartIntroductionView","defaultHeadline","defaultDescription","elementsLoadingStatus","usePreviewPageContext","descriptionContent","descriptionHtmlContent","headlineRef","showTitle","setShowtitle","handleResize","scrollWidth","mobileHeadline","mobileDescription","ComponentLoadingStatus","LOADING","SpinnerSize","small","reason","SmartIntroductionView","primaryText","getSmartIntroductionDataFromAttributes","_proxyReadHeaderCompo","proxyReadHeaderComponentConfig","defaultBusinessName","logo","descriptionFromCategory","join","truncateString","SMART_PAGE_DEFAULT_VALUES","DESCRIPTION","proxyReadIntroductionComponentConfig","getSmartIntroductionData","isSmartPageAttributesToWSDMigrationEnabled","isMigratedToWSD","COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING","Introduction","_getWebsiteSourceData","getWebsiteSourceDataByKeys","Categories","Description","Logo","_getWebsiteSourceData2","introduction","BusinessHeadline","ImageId","imageUrl","fileName","ImageFileName","BUSINESS_NAME","getSmartIntroductionDataFromWSD","getUpdateDataInAttributes","getUpdateDataInWSD","currentDataInAttributes","currentDataInWSD","defaults","useSmartIntroductionData","dispatch","dispatchUpdate","debouncedUpdate","SmartIntroductionConnector","_useSmartIntroduction","descriptionTextError","UnStyledSmartIntroductionEditor","highlightField","setHighlightField","selectedComponentType","headerSection","sectionContainer","SmartHeaderEditor","descriptionSection","editorConfigs","componentsConfig","editorContent","MenuList","navClassName","navItemClassName","navAnchorClassName","navItems","targetId","UnStyledHamburgerMenu","triggerRecalculation","menuExpanded","setMenuExpanded","scrollTarget","closePanel","menuIcon","aria-expanded","aria-haspopup","menuIconPart","Panel","isHiddenOnDismiss","PanelType","smallFixedFar","onDismissed","scrollIntoView","closeButtonAriaLabel","navContainer","navItem","navLink","HamburgerMenu","listStyle","& li a","textDecorationLine","UnStyledButtonList","actionButtons","compactMode","buttonListClassName","buttonItemClassName","buttons","secondaryBtn","ButtonList","primaryBtn","businessNameMaxCount","UnStyledSmartHeaderView","showItems","logoImageId","logoName","footerSplit","isSmallDesktop","_React$useState","_React$useState2","setStyle","_React$useState3","_React$useState4","resized","setResized","buttonList","buttonListMobile","buttonListFull","buttonItem","measuredRef","rect","getBoundingClientRect","newStyle","containerMobile","logoContainer","logoContainerMobile","LogoImage","logoDataProperty","businessNameDataProperty","navListContainer","mobileFooter","SmartHeaderView","_ref$effects","effects","float","textUnderlinePosition","elevation","fixedMobileFooter","ContactMethodActionTypes","useActionButtons","ctaComponentConfig","callToAction","ctaActionType","contactComponentConfig","actionTypesInContact","without","SmartHeaderConnector","rootId","serverContext","_proxyReadLogoConfig","proxyReadLogoConfig","hasOptional","getPageIndexById","orderedComponentsInPages","navTitle","hideNavWhenEmpty","dataProp","pilot","wsdKey","isPilotOn","getPilotValue","isVisible","wsdConfig","compConfig","proxyReadBusinessName","logoImageOptionsConfig","DEFAULT","getImageFromFacebookInfo","fbInfo","profilePicture","UnStyledSmartHeaderEditor","savedSiteConfig","useSavedSiteConfig","confirmDialogPromiseRef","reject","isInPmaxLiteWizard","useIsPmaxLiteIntegration","LogoImageId","logoFileName","_useExistingUploadedI","useExistingUploadedImage","selectedImageOption","setSelectedImageOption","facebookImageInfo","setFacebookImageInfo","uploadedFileInfo","setUploadedFileInfo","enableFacebookImport","enableDebounce","onDefaultLogoImageSelected","updateAccountPromise","onDisplay","confirmUpdateAccountBusinessNameDialog","showDialog","isDialogVisible","postUpdateBusinessName","savedBusinessName","SmartImageEditor","logoEditor","imageOptionsConfig","onNewImageUploaded","imageMetaData","fileObj","file","image","onChoiceChange","smartHeaderValidator","getDataProperties","facebook","instagram","twitter","linkedin","youtube","pinterest","UnStyledSmartSocialLinksView","socialLinksConfigs","socialLinks","entries","originalLink","socialLinkMapping","socialLinkConfig","ItemRenderer","linkProps","isDisplay","link","linkIcon","linkTips","socialLinksContainer","socialLinksSection","SmartSocialLinksView","SmartSocialLinksConnector","componentConfigs","showSocialLinks","getStyles","toggle","SmartSocialLinkEditor","socialLinkKey","socialLinkLabel","linkPlaceholder","onValueChange","enabled","useDefaultStyles","toggleText","toggleLabel","defautLinkInfo","linkInfo","linkEditors","PILOTS","isESCMsanEnabled","isSubscriptionSignupEnabled","isUnifiedProductSubscriptionEnabled","isSmartPageBusinessHourSectionEnabled","isSmartPageImageTextSuggestionEnabled","isSmartPageM365StockImageEnabled","isSmartPageVideoSectionEnabled","isSmartPageCustomizedUpdateEnabled","isSmartPageM365PremiumFeatureEnabled","isSmartPageDarkModeEnabled","isM365PremiumUser","isSmartPageProfessionalServicesEnabled","isSmartPageEditorNavigationImprovementEnabled","isSmartPageTemplateSuggestionEnabled","isSmartPageImprovedReviewsEnabled","isSmartPageSectionReorderingEnabled","isSmartPageEditorItemsReorderingEnabled","isSmartPagePreviewItemsReorderingEnabled","isSmartPagePrivacyPolicyEnabled","isSmartPageCustomDomainEnabled","isSmartPageCustomDomainPreflightEnabled","isSmartPageCustomDomainPreflightPostSignupEnabled","isSmartPageRuntimePageLocalizationEnabled","isSmartPageRuntimePageWcpConsentEnabled","cmuiPilotKey","replace","ccuiPilotKey","uflPilotKey","cmuiPilotValue","Permissions","ccuiPilotValue","CCUIPilots","uflPilotValue","DynamicPermissions","useIsSmartPageCustomDomainPreflightEnabled","isPilotEnabled","usePilotsValue","useMediaQuery","useIsSmartPageCustomDomainEnabled","isSignUp","CoverImage","Photos","FacebookId","Posts","Reviews","BusinessSummary","CallToActions","Gallery","Update","Review","Summary","SocialLinks","CallToAction","Footer","DATA_SOURCE_TO_COMPONENT_TYPE_MAPPING","coverImage","photos","posts","reviews","SingleLineAddress","CoverImageUrl","CoverImageId","LogoImageUrl","GalleryImages","GalleryImageIds","Subdomain","Email","SocialUrls","Theme","PrivacyPolicy","WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING","DATA_SOURCE_TO_WEBSITE_SOURCE_DATA_MAPPING","callToActions","order","professionalService","hideContainerWhenEmpty","video","review","gallery","fallback","allowNull","actualValue","dataSource","fallbackConditions","some","defaultVals","siteInfoData","sitePages","theme","images","smartPageDataContext","migrationContext","getAttributesFromSiteConfig","Key","Value","getAttributesFromSnapshot","snapshot","getDialogFullBorder","neutralLight","getDialogStyle","_ref2$palette","& .ms-Dialog-subText","editorImgsContent","dialogFullBorder","infoMessageBar","forced-color-adjust","choiceGroup","editorPivotStyleContent","uploadButton","_useDefaultStyles","dialogClassName","dialogFullBorderClassName","editorImgsContentClassName","infoMessageBarClassName","choiceGroupClassName","editorPivotStyleContentClassName","uploadButtonClassName","getFloatingBannerStyle","floatingBanner","Light","THEME_ACCENT_COLOR_KEY_MAPPING","Default","Yellow","Green","smartPageThemePaletteList","accentColor","tertiaryText","outerBackground","buttonBackground","getCurrentTheme","themeConfig","_ref3$disableEvents","disableEvents","_ref3$isMobile","currentPalette","modeMT","accentColorMT","getThemePalette","getSmartPageDefaultSiteTheme","getThemeConfigFromWSD","wsd","dayNames","isHourValid","is12Hr","isMinuteValid","getTimeSlotsOfDay","timesArray","openTimes","sortBy","closeTimes","tryParseTimeString","match","reShort","reLong","isPM","mapFbHours","fbHoursJson","fbHours","json","parse","safeParse","arr","parsedKey","toLowerCase","parseKey","parseBPHour","temp","formattedStr","generateId","generateGuid","substr","generateSectionWithComponent","componentType","sectionIndex","sectionId","groupId","parentId","businessDays","mon","tue","wed","thu","fri","sat","sun","holiday","getDayName","getDefaultDayHours","isHoliday","days","paddingZero","number","_time$minute","_time$second","second","h12","formatHour","getIsOpenAllDay","formattedDay","formattedHours","slot","StartTime","EndTime","Day","IsClosed","IsOpenAllDay","OperationHours","BPHours","BPHour","formattedStartTime","formattedEndTime","mapBPTime","getEnabledComponentsConfig","pick","getGroupedComponentsIndexes","id2Index","componentIndexesMapping","groupIndex","groupConfig","sibilings","refreshComponents","newComponents","groupedComponentsIndexes","expectedOrder","insertNewComponent","existedComponent","cmpId","isExisting","newSection","insertNewComponents","types","memoComponents","removeComponents","grouppedComponentsIndexes","removedIndexes","apply","getUsedComponentTypes","getUsedOptionalComponentTypes","usedCompTypes","getBusinessHoursFromWebsiteSourceData","removeDisabledComponents","enabledComponentsConfig","allUsedComponentTypes","removedComponentTypes","difference","linkNameToModel","facebookLink","instagramLink","twitterLink","linkedinLink","youtubeLink","pinterestLink","getAllImageIdsWithType","_getComponentByTypes","getComponentByTypes","_getComponentByTypes2","photoConfig","coverImageConfig","updateConfig","reviewConfig","coverImageId","updates","reviewer","filterImageIdsToRemove","allImageIds","values","finalImageIdsToRemove","getImageMetaById","getImageUrlById","convertCallToActionId","CallToActionId","WSDFieldConfig","getter","coverImageInfo","localImageUrl","galleryImageInfo","galleryPhotos","galleryImageIds","subDomain","socialLinksInfo","acc","businessHoursSourceInfo","businessHoursInfo","defaultValue","Mode","AccentColor","appointment","CTAConfig","fallbackHours","createWebsiteSourceData","componentsPilotMapping","getComponentsPilotMapping","fbRelatedComponents","websiteSourceDataToAttributes","overridedCompConfigMapping","componentsMapping","imageName","imageWidth","imageHeight","getOverrideCompConfigMapping","comp","includes","_pages$0$components","sectionConfig","extend","_pages$0$components2","themeId","hasEntryWizardShown","hasQualtricsPopupShown","updateComponents","allComponents","newSiteConfig","usedType","cmpTypes","removeDuplicatedComponents","generateNewCmpsFromExistingData","updateWebsiteSourceData","newWebsiteSourceData","CurrentAccount","TimeZone","getTimeZoneId","modelToSiteConfig","model","Status","SubDomain","siteSuffix","SiteSuffix","uetTagId","UetTagId","isMTagMigrated","IsMTagMigrated","associations","Associations","isEditorialRejected","IsEditorialRejected","SmartPageDataContext","domainDetail","DomainDetail","WebsiteSourceData","WSDMigrationContext","previewId","PreviewId","Images","snapshots","attrs","Attributes","attr","snapshotsAttrs","Snapshots","snapshotAttr","facebookPageToSiteConfig","fbPage","facebookId","facebookUserId","FbUserId","CategoryList","About","Hours","Phone","Picture","Url","post","FullPicture","Ratings","Cover","Source","fbErrors","FbErrors","fbAction2ComponentConfig","Type","WebUrl","appendActions2Components","actionCmps","callToActionCmp","cmp","getComponentByTypeFromPageComponents","splice","string","substring","promiseLogWrapper","promise","actionName","domainName","args","isStringEndWithEmoji","removeStringEmoji","validAttrs","importConfigFromFbDataSource","fbDataSource","filteredFbDataSource","originDataSource","fbDataSourceFilter","smartPageData","overwrite","_smartPageData$key","updateWebsiteSourceDataWithBasicData","facebookPageName","standaloneActionCmps","actionComponents","has","fbActions2SmartActionButtons","hostSystemScenario","DMC","EXPERT","useResponsiveMode","setIsMobile","setResponsiveMode","setResponsiveValues","currentWidth","offsetWidth","TransformDateOption","weekday","hour12","transformDateWithLocaleForEditMode","toLocaleString","offsetString","getTimeZoneName","toIANATimeZone","fromLegacyTimeZone","timeZoneName","timeZone","tz","YOUTUBE_REGEX","YOUTUBE_NOT_SUPPORT_TYPE_REGEX","VIMEO_REGEX","isLengthValidated","urlToCheck","startsWith","str","strToConvert","URL","ex","getYoutubeVideoId","isSmartPageSupportVideo","videoWebsiteWhitelist","_validators$i","getPathFromUrl","phoneFormats","countryCode","self","allowEmpty","isvalid","RegExp","PhoneNumberRegExp","Constants","validRegExp","digitLength","validDigit","validLength","callingCodeString","matchedCountry","matchCountryAndCallingCode","parsedPhoneNumber","parsePhoneNumber","countryCallingCode","regionCode","c","Code","getCountryIdByRegionCode","matches","fromCallingCode","fromCountryCode","initialCountry","useFloatingBannerMessage","msg","isShow","msgInfo","msgType","showInfo","success","hideFloatingBanner","useElementViewed","elementScope","uetq_sp","event_label","mtagq","uetq","resetComponentConfig","cropSettings","editWithCropper","updateImageByExternal","originalComponentConfig","updateImageByMeta","imageMeta","Width","Height","CropSettings","metaFileName","FileName","updateImageByName","IDEAL_ASPECT_RATIO","IDEAL_ASPECT_RATIO_PERCENTAGE","withInitialCropData","cropX","cropY","cropWidth","cropHeight","min","getUpdateImages","snapshotImages","imageIdsToRemoveNotInSnapshot","newImages","getThumbnailUrlForFacebookPhoto","facebookPhoto","getUrlFromStockImage","stockImage","getUniqueFacebookPhotos","addedPicture","finalPhoto","photoPath","StockImageSourceType","getStockImageThumbnailUrl","getStockImageOriginalUrl","getFacebookPhotoUrlToUpload","getImageThumbnailSrcFromImage","externalUrl","fbUrl","localSrc","getLocalImageData","Facebook","formateUploadedPhoto","uploadedResult","originalImage","originalStockImage","formatUploadedStockImage","originalFacebookPhoto","fbImageUrl","formatUploadedFacebookPhoto","getUrlHelpersByType","urlPropertyName","getUrlFromImage","filterImportedImages","addedImages","_getUrlHelpersByType","imported","disableImportedImages","_getUrlHelpersByType2","formatImagesToSiteConfigImages","formatImagesToSiteConfigComponentConfig","getUpdatedPages","newPages","INTEGRATE_ENV_TYPE","MCA","UP","STANDALONE","UP_WIZARD","SUB_ADS_WIZARD","SUB_ADS_WIZARD2","STREAMLINED_WIZARD","PMAX_LITE_WIZARD","NOT_STANDALONE","oneOf","inlineCode","_ref$timeout","timeout","onload","scriptNode","createTextNode","appendChild","async","TimeoutError","stopReactSyntheticEvent","stopNativeSiblingEvent","stopPropagation","nativeEvent","stopImmediatePropagation","SPECIAL_NAV_MAPPING","navigateToEditingComponent","elementId","behavior","block","getContextLocale","CurrentLocale","documentElement","lang","navigator","language","UnstyledSmartImageView","showLoading","retryLimit","now","refreshKey","setRefreshKey","refetchImage","count","fetch","response","retryCount","ok","setTimeout","Image","img","onLoadingStateChange","ImageLoadState","loaded","decoding","SmartImageView","& img","SmartImageConnector","resizeWidth","getResizedImageUrl","useImageMeta","UPLOAD","imageService","upload","bulkUpsert","imageIds","uploadUrls","uploadUrl","batchGet","ImageConstraints","UnStyledImageUploadLocal","onFileSelected","btnClassName","defaultFileName","itemToUnselect","resetItemToUnselect","fileInput","setFileName","errorMsg","setErrorMsg","uploadBtnContainer","click","accept","files","getFileExtension","maxSize","reader","FileReader","naturalWidth","naturalHeight","validateImageDimensionsAsync","readAsDataURL","formatMsg","ImageUploadLocal","& $input","& .ms-Button-label","themePrimary","neutralSecondary","commonOptionStylesProp","getImageOptions","onRenderBelowField","_ref2$onRenderBelowFi","onRenderField","render","getChoiceGroupOptions","UnStyledSelectImagesListView","onRenderImageItem","onItemSelectionChanged","pageHeight","noImageTips","showPagination","horizontal","columnCount","viewItems","setViewItems","setPageIndex","offsetIndex","handleOnItemSelectionChanged","newItems","it","targetIndex","newViewItems","itemIndex","surfaceRect","noImageContainer","FocusZone","direction","FocusZoneDirection","bidirectional","horizontalListView","tipsMsg","clearFloat","navWrap","SelectImagesListView","clear","pagerIcon","overflowX","& .ms-List-page, & .ms-List-cell","ImageItemView","SmartImage","imageFit","ImageFit","contain","maximizeFrame","PivotImageEditorContext","selectionIds","PivotImageEditorContextProvider","s","usePivotImageEditorContext","onRenderSuggestedImageItem","UnStyledSelectImagesListViewWithSearch","shouldResetSelection","existingImages","searchKeywordsInput","setSearchKeywordsInput","searchKeywords","kw","itemToUnselectInternal","_useContentSuggestion","useContentSuggestions","ContentSuggestionOption","ImageOnly","imageSuggestions","noTipsMessage","searchResultMessage","searchKey","handleResetItemToUnselect","itemToReset","handleSearchQueryChange","handleOnSelectionChanged","finalItems","finalItem","suggestionsViewItems","sug","SearchBox","keywordInput","showIcon","Item","grow","aria-live","liveMessage","SelectImagesListViewWithSearch","UnStyledFacebookPhotosListView","noData","placeholderMsg","FacebookPhotosListView","imageProps","getDefaultPivotItemRenderForStockImage","onStockImageItemSelectionChanged","_ref2$itemsPerPage","_ref2$isMultiple","getDefaultPivotItemRenderForFacebook","onFacebookItemSelectionChanged","_ref3$isMultiple","connectFacebookMsg","getImageOptionsForPivot","_ref$onRenderItemLink","onRenderItemLink","getPivotItemOptions","displayAsPivot","stockImageInfo","onUseStockImageOption","selectedFileInfo","onOptionChangeInternal","_len","_key","itemKey","selectedOption","importFromFacebook","facebookPageInfoFilter","basic","fbSite","batchTransformImagesInComponent","imageInfos","hasFBOAuthError","createErrorMessage","finalImageOptions","Pivot","defaultSelectedKey","onLinkClick","PivotItem","headerText","alwaysRender","ChoiceGroup","ariaLabelledBy","onLocalFileSelected","onFinalSelectedPivotChanged","setItemToUnselect","allSelection","setAllSelection","setItemToUnselectInternal","selectedPivot","setSelectedPivot","finalSelectedPivot","setFinalSelectedPivot","handleOnPivotClicked","newSelection","handleOnFinalSelectedPivotChanged","updateSelection","changeSource","isLocalFile","previousFinalSelectedPivot","prevItem","predicate","onHandleStockImageItemSelectionChanged","onHandleFacebookItemSelectionChanged","onHandleLocalFileSelected","localImage","isFacebookImportSupported","defaultSelectedImageOption","setStockImageInfo","getFirstLetterCapitalized","word","toUpperCase","CircleLogo","words","nameInCircle","UnStyledLogoImage","timestamp","imageContainerClassName","defaultImageContainer","labelClassName","smallerImageContainer","labelWithTimestamp","centerContain","imageComponentRoot","infoContainer","& $imageComponentRoot","MozBorderRadius","WebkitBorderRadius","WebkitBoxOrient","WebkitLineClamp","overflowWrap","imagesToFilter","shouldStart","disableFilteredItem","setIsFbSupported","setFbPhotos","filteredFbPhotos","setFilteredFbPhotos","setIsInitializing","uniquePhotos","UnStyledAddImagesPlaceholder","FontIcon","white","UnstyledAddImagesPlaceholderWithPositioning","itemCount","shouldReposition","forcePositioning","AddImagesPlaceholderWithPositioning","UnStyledEditImagesView","displayOnly","imageRetryLimit","renderIconContainer","menuProps","calloutMaxWidth","iconContainer","_c","themeDarkAlt","cursor","& span i:not(:first-child)","validateOpenCloseTime","crossValidation","isNumber","sortTimeSlots","sort","a","b","compare","QUARTER","HOUR","TIMESPAN_TO_OPTIONS","timeArr","v","k","timeslotsStr","timeOptionsFactory","suffix","newTimeOptions","timeStr","getTimestamp","insertTimeOption","newOption","newOptions","isExsiting","newTimestamp","optionHour","optionMinute","optionTimestamp","isValidOption","formattedTimeStr","formattedTimeOption","getTimeOptionsWithDisabledValue","startOption","endOption","isNegative","isTimeOptionValid","beforeThanTarget","comparedTimestamp","TimeRangesView","slotElements","openStr","closeStr","getTimeSpanString","UnStyledSmartBusinessHoursView","hideTitle","gridCell","gridHeader","data-name","data-id","grid","SmartBusinessHoursView","gridTemplateColumns","gridGap","gridRow","cmpHours","dsHours","fromDs","defaultTime","UnStyledTimeRangeEditor","isRemovable","onRemove","currentDay","openTime","setOpenTime","closeTime","setCloseTime","openTimeError","setOpenTimeError","closeTimeError","setCloseTimeError","buildChangeEventData","timeOpen","timeClose","timeRange","data-index","horizontalAlign","timeInputField","aria-required","separator","removeButton","TimeRangeEditor","optionsContainerWrapper","isCheckAllDay","openTimeOptions","setOpenTimeOptions","closeTimeOptions","setCloseTimeOptions","openTimeSelectedKey","setOpenTimeSelectedKey","closeTimeSelectedKey","setCloseTimeSelectedKey","disabledClassName","openTimeStr","closeTimeStr","openTimeIndex","closeTimeIndex","openOption","closeOption","openOptionsWithDisabledValue","closedOptionsWithDisabledValue","ComboBox","allowFreeform","useComboBoxAsMenuWidth","optionIndex","currentCloseTime","isValidOpenTime","newOpenTimeOptions","newCloseTimeOptions","currentOpenTime","isValidCloseTime","& .disabled-time-text-field .ms-TextField-fieldGroup::after","addButtonStyle","labelDisabled","toggleStyles","checkBoxStyle","defaultTimeSlot","getIsCheckAllDay","SmartDayEditor","setIsOpen","canAdd","setCanAdd","reIndexTimeSlots","setTimeSlots","setIsCheckAllDay","TimeRangeEditorNew","TimeRangeEditorOld","triggerChange","updatedTimeSlots","sorted","last","newDayData","newTimeSlots","onTimeSlotChange","updatedTimeSlot","ts","newIndex","nextHour","newTimeSlot","union","onCheckAllDay","currentDayLabel","showOnOffText","dayToggle","addTimeRange","CommandButton","addButton","openAllDayElement","Checkbox","timeRangeEditorList","timeRangeList","containerInline","timeRangeContainer","timeActionContainer","& $toggle","& .ms-Toggle-label","& $timeActionContainer","& .ms-Checkbox","UnStyledSmartHoursEditor","headerToggleLabel","isEditable","setEditable","onDayChange","updatedDays","d","editableChange","hoursTitle","hourEditorsContainer","dataSourceCleaned","setDataSourceCleaned","_proxyReadHoursConfig","businessHoursEditor","SmartBusinessHoursViewWrapper","componentKey","proxyReadPrivacyPolicyComponentConfig","policyContent","isPrivacyStatementReviewed","privacyContentMaxLength","enBoilerplate","boilerplate","en-us","en-nz","en-gb","en-ca","en-au","es-es","ja-jp","privacyLink","getPrivacyLink","isString","toLocaleLowerCase","PrivacyContent","expandedIndex","setExpandedIndex","policyHtmlContent","collapse","expand","privacyItemConfigs","Text","details","isToggleHidden","isExpanded","ReactTemplate","template","accordionItems","Accordion","Header","Details","& .ba-accordion-details","_getTheme","getTheme","semanticColors","labelErrorStyle","fonts","AnimationClassNames","slideDownIn20","errorText","inner","UnstyledEditPrivacyDialog","onSave","useContextLocale","getTranslatedTemplate","getPrivacyBoilerplate","setValue","isReviewedInternal","setIsReviewedInternal","isPreview","setIsPreview","validationError","setValidationError","showReviewError","setShowReviewError","onHandleSave","onHandleCancel","onToggleReview","onClickBack","onClickPreview","dialogTitle","ActionButton","topBackButton","previewTitle","layerProps","eventBubblingEnabled","rte","errMsg","previewButton","reviewCheckboxContainer","EditPrivacyDialog","& > button:not(:last-child)","& .smart-rich-text-editor-label","getDialogContentStyle","_proxyReadPrivacyPoli","showEditDialog","setShowEditDialog","_proxyReadBusinessNam","button","PrivacyContentDialog","commonFooterMobileContainerStyle","flexFlow","UnStyledSmartFooterView","hideFooterButton","showPrivacyPolicy","showPrivacyPolicyDialog","setShowPrivacyPolicyDialog","footerContainerMobileClass","footerContainerMobileForHiddenButton","footerContainerMobileForBlankBanner","footerContainerMobile","privacyLinkConfig","tag","footerContainer","SmartHeader","SmartFooterView","SmartFooterConnector","isMobileEditor","useIsSmartPagePrivacyPolicyEnabled","list","centeredList","& .ms-List-page","listCellContainer","imageContainer","UnStyledSmartGalleryView","rowHeight","previousResponsiveMode","setPreviousResponsiveMode","forceUpdate","listClassName","SmartGalleryView","SmartGalleryConnector","UnStyledSelectImagesDialog","onUpdate","maxImagesCount","imageToReplace","setLoading","imagesToRemove","setImagesToRemove","existingImagesInternal","setExistingImagesInternal","isImageToReplaceRemoved","setIsImageToReplaceRemoved","itemsToDisplayInImageList","existingImagesToDisplay","selectionToDisplay","shouldFetchFbPhotos","setShouldFetchFbPhotos","handleOnDeleteExistingImage","imageToRemove","newExistingImages","existingImage","handleOnSetAllSelection","handleOnPivotClick","existingCount","hasRemoveExistingImages","maxCount","selectionCount","currentCount","getValidationErrorMsg","subText","imageListContainer","lineBreak","imageEditor","pivotRoot","uploadBtn","actionsRight","localFileUploadPromise","localSelectedFile","externalImagesUploadPromise","externalImages","urls","spread","uploadResult","bulkResult","toAppend","uploadedItem","SelectImagesDialog","imagesListLabel","showSelectDialog","setShowSelectDialog","setImageToReplace","_componentConfig$phot","closeDialog","updateImagesConfig","_ref2$imagesToAdd","_ref2$imageIdsToRemov","updateGalleryConfig","_ref3$imagesToAdd","_ref3$imagesToRemove","idsToRemove","newAddedImageConfigs","newPhotos","updatedExistingImages","unique","_item","selectedIndex","updated","_updated$splice","deletedPhoto","addBtn","&:enabled","deleteIcon","shape","price","SmartProfessionalServiceCard","SmartProfessionalServiceView","services","containerMargin","convertModelToConfig","mtModel","covertConfigToModel","proxyReadProfessionalServicesComponentConfig","SmartProfessionalServiceConnector","formContainer","& .error","descriptionContainer","& div[role=alert] + $description","serviceSchema","properties","maxLength","minimum","maximum","distinguishCJK","priceErrors","decimalLength","range","descriptionErrors","ProfessionalServiceForm","existingServiceNames","setDescription","nameValidator","validationValue","onDescriptionChange","getErrorProcessor","errorMaps","oldError","ValidationGroup","validationProps","schema","FormGroup","Row","Col","sm","Input","errorProcessor","TextArea","resize","remainingChars","UnstyledAddProfessionalServiceDialog","editingIndex","editing","servicesRef","formData","setFormData","setIsValid","onFormValidate","onFormAdd","AddProfessionalServiceDialog","SmartProfessionalServiceEditorItemView","contentContainer","serviceName","servicePrice","serviceDescription","UnStyledSmartProfessionalServiceEditorItemList","servicesInternal","getDeleteAriaLabel","getEditAriaLabel","SmartProfessionalServiceEditorItemList","setShowDialog","setEditingIndex","toggleDialog","show","updateServices","newServices","newService","listLabelContainer","UPDATE_CARD_MODE","UPDATE_SOURCE","FACEBOOK","SMARTPAGE","UnStyledSmartUpdateCard","useIsSmartPageCustomizedUpdateEnabled","transformedCreateTime","updateSourceIcon","fbIcon","getUpdateContent","smallContent","userInfoContainer","logoImageContainerWithIcon","logoImageContainerWithoutIcon","createdTimeInViewMode","SmartUpdateCard","largeContent","& .photo","& .message","objectFit","SmartUpdateView","updatesContainer","updatesContainerMargin","SmartUpdateConnector","_getComponentById$upd","SelectUpdateDialog","preselectedUpdates","pendingDeleteUpdateId","isFbInitializing","selectedUpdateIds","setSelectedUpdateIds","updatesPicker","checkedItems","selectedUpdates","photosToUpload","fbPhotoSrc","imageResult","transformedUpdates","imageIndex","selectedUpdate","newUpdate","_imageResult$imageInd","connectFacebookDialog","generateUpdate","updatedTime","mapUpdateToCard","startFetchFbUpdates","setStartFetchFbUpdates","setIsFbInitializing","allFbUpdates","setAllFbUpdates","targetUpdate","setTargetUpdate","showFbImportDialog","setShowFbImportDialog","showCreateUpdateDialog","setShowCreateUpdateDialog","setPendingDeleteUpdateId","currentPostType","setCurrentPostType","setSelectedUpdates","_useDataState","allData","selectedData","noDataMsgKey","noSelected","useDataState","onSaveChange","newSelectedUpdates","updateImagesPayload","selectedUpdateState","_selectedUpdateState$","deletedUpdate","onSaveUpdateChange","allSelectedUpdates","uniq","reverse","deleteUpdateIndex","onConfirmDeleteOldestPost","deleteIndex","confirmDeleteOldestPostDialog","showConfirmDeleteOldestPostDialog","isConfirmDeleteOldestPostDialogVisible","openFbImportDialog","closeFbImportDialog","openCreateUpdateDialog","closeCreateUpdateDialog","CreatedTime","commonIcon","data-automation-id","editCreateIcon","updateEditorTexts","titleText","descriptionText","addBtnText","updateListText","cardDialogTexts","updatesEditorContainer","updatesListLabel","& .ms-Dialog-main","UnStyledSelectableItemView","selectableProps","aria-pressed","selectableItem","disabledItem","selectedIcon","selectedIconRadio","displayNone","radioIcon","selectedIconStyle","accent","nextPageHandler","previousPageHandler","randomPagingHandler","firstPageHandler","lastPageHandler","pageIndexContent","curlyTemplate","dropdownOptions","pageNavigationButton","pageNumber","dropdown","hostClassName","tooltipHost","overflowMode","TooltipOverflowMode","Self","lineClamp4","lineClamp6","lineClamp8","UnstyledLoading","labelPosition","large","UstyledRadioButton","defaultSelectedItem","internalSelectedItem","setInternalSelectedItem","onClickOption","tabIndex","submitEvent","aria-describedby","RadioButton","& .selected","forcedColorAdjust","boxSizing","getStepIndicatorStyle","stepIndicator","stepIndicatorIndex","stepIndicatorTitle","getStepProgressBarStyle","stepProgressBar","StepIndicator","isCurrentStep","StepProgressBar","steps","getStepFooterStyles","previousButton","&:focus::after","@media screen and (-ms-high-contrast: active)","cancelButton","skippingLink","red","StepFooter","previousButtonLabel","nextButtonLabel","onPreviousClick","onNextClick","onCancelClick","onSkippingLinkClick","skippingLinkTitle","onRenderLinkContainer","isNextButtonDisabled","disableButtons","isReadOnlyUser","useIsReadOnlyUser","getStepProgressFooterStyles","footerMiddle","StepProgressFooter","footerLeft","footerRight","getCardWrapperStyles","cardContainer","cardHeaderContainer","titleContainer","alignSelf","flexGrow","& .helpbutton","CardWrapper","titleHelpTopic","renderCardHeader","variant","InlineHelp","topic","getCardStepLayoutStyles","stepLayoutContainer","neutralLighterAlt","stepLayoutContentContainer","stepLayoutHeaderContainer","stepContentContainer","& .step-footer","stepLayoutFooterContainer","CardStepLayout","onRenderPageBanner","onRenderPageHeader","onRenderPageFooter","cardBasicProps","stepCardStyles","& .card-container","flexBasis","StepCardBaseContainer","restProps","renderPageHeader","as","isProdEnv","isProdEnvironment","msalConfig","auth","clientId","authority","cache","cacheLocation","storeAuthStateInCookie","system","pollIntervalMilliseconds","PublicClientApplication","UpSignupWizardCouponClassForNonProd","ImageCropperEditor","onCropFinished","x","y","crop","setCrop","onMediaLoaded","mediaSize","initialCrop","cropAreaHeight","convertPercentageOffsetToCropValue","getOffsetFromCropSettings","onCropComplete","croppedArea","Cropper","onCropChange","zoomWithScroll","aspect","showGrid","cropAreaStyle","overlay","unclickable","overlayStrip","verticalStrip","topStrip","leftStrip","middleStrip","bottomStrip","rightStrip","horizontalStrip","overlayMessage","ImageCropperPreview","activate","isInEditor","isExternalSrc","updateElementsLoadingStatus","handleOnLoad","LOADED","_e$currentTarget","currentTarget","onLoad","overlayPreview","onKeyPress","UnStyledImageCropper","initialCropSettings","isActive","setIsActive","onCropSettingsChange","setCropSettings","aspectRatiosProportion","showEditMode","triggerEditor","cropperStyle","imageCropperEditor","imageCropperPreview","useIsComponentSelected","cropSettingsInPercentage","updateCropSettings","newCropSettings","cropSettingsInPixels","CropperView","previewLoading","ImageCropper","& .ms-Icon","getRatio","getCssPercentStr","MaxRatio","MaxCssPercentStr","UnStyledSmartCoverImageViewWithCropper","localImageSrc","setLocalImageSrc","loadLocalImage","useLocalImage","storeNewCropSettings","setInactive","cb","handle","classList","useClickOutsideHandler","contentStyle","selectedContent","centerContainerProps","centerContainer","sizedContainer","SmartCoverImageViewWithCropper","proxyReadCoverComponentConfig","DefaultLocalImageName","SmartCoverImageConnector","_proxyReadCoverCompon","imageConfigs","_extends","_objectDestructuringEmpty","imageOptionStyles","innerField","paddingRight","imageWrapper","labelWrapper","imageSize","getRadioButtonStyles","LocalImagesSelect","onSelected","setImages","imageSrc","LocalImageNames","selectedImageSrc","imageLoaders","loadedResult","useIsSmartPageM365StockImageEnabled","dispatchConfigWithPayload","labelText","fbContent","getImageOptionsConfigForPivot","onDefaultImageSelected","getImageOptionsConfig","selectedImageName","postUploadStockImage","srcUrl","imageIdFromMeta","mobileStyle","imageMetaDataWithCropData","info","@media (max-width: 600px)","REVIEW_CARD_MODE","REVIEW_TYPE","FACEBOOK_REVIEW","CUSTOM_REVIEW","FB_REVIEW_FILTER_KEY","POSITIVE_REVIEW_TYPE","UnStyledSmartReviewCard","useIsSmartPageImprovedReviewsEnabled","reviewText","recommendationType","_item$reviewer","picture","reviewSourceIcon","reviewHeadline","reviewerPhoto","reviewerNameLogo","headerContent","reviewerName","getRecommendationText","SmartReviewCard","& .review-headline","& .review-text","SmartReviewView","reviewContainer","reviewContainerMargin","reviewDataProperties","reviewerDataProperties","fbPictureSrc","proxyReadReviewsComponentConfig","SmartReviewConnector","_getComponentById$rev","SelectReviewDialog","preselectedReviews","currentReviews","setCurrentReviews","currentReviewFilter","setCurrentReviewFilter","selectedReviewIds","setSelectedReviewIds","reviewFilterOptions","reviewFilterSection","filteredReviews","reviewsPicker","selectedReviews","selectedReview","newReview","generateReview","mapReviewToCard","startFetchFbReviews","setStartFetchFbReviews","allFbReviews","setAllFbReviews","targetReview","setTargetReview","showCreateReviewDialog","setShowCreateReviewDialog","_componentConfig$revi","setSelectedReviews","allSelectedReviews","selectedReviewState","_selectedReviewState$","deletedReview","isFbImport","closeCreateReviewDialog","ratings","fbReviews","RecommendationType","ReviewText","Reviewer","reviewEditorTexts","reviewListText","reviewsEditorContainer","reviewsList","reviewsListLabel","dropDownBtn"],"mappings":"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","file":"static/js/application.initial~6eb2920d.94fb77a2.chunk.js","sourcesContent":["import _ from 'underscore';\r\nimport React, { useState, useCallback, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { PrimaryButton } from '@fluentui/react/lib/Button';\r\nimport { Dialog, DialogType } from '@fluentui/react/lib/Dialog';\r\nimport { MessageBar, MessageBarType } from '@fluentui/react/lib/MessageBar';\r\nimport { TextField } from '@fluentui/react/lib/TextField';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  useClientContext,\r\n  EditorStatusContext,\r\n  PreviewMode,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  validateEmailAddress,\r\n  closeIcon,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst getStyles = () => ({\r\n  close: {\r\n    background: 'none',\r\n    border: 'none',\r\n    outline: 'none',\r\n    position: 'absolute',\r\n    right: 20,\r\n    width: 20,\r\n    height: 20,\r\n    padding: 0,\r\n    lineHeight: '10px',\r\n    '&:focus': {\r\n      border: '1px solid',\r\n    },\r\n  },\r\n  icon: {\r\n    color: '#323130',\r\n    width: 12,\r\n    height: 12,\r\n  },\r\n  group: {\r\n    margin: '10px auto',\r\n    minHeight: 85,\r\n  },\r\n  errorGroup: {\r\n    minHeight: 40,\r\n    margin: '0px auto 10px auto',\r\n  },\r\n  groupWidth: {\r\n    width: 380,\r\n  },\r\n  mobileGroupWidth: {\r\n    width: 230,\r\n  },\r\n  actionGroup: {\r\n    textAlign: 'center',\r\n    margin: '0px 30px 30px 30px',\r\n  },\r\n  submit: {\r\n    borderRadius: 100,\r\n    height: 48,\r\n    padding: '15px 34px 15px 34px',\r\n    fontSize: 20,\r\n    lineHeight: '24px',\r\n    backgroundColor: 'black',\r\n    border: '1px solid black',\r\n    '&:hover': {\r\n      backgroundColor: 'black',\r\n      border: '1px solid black',\r\n    },\r\n    '&[disabled]': {\r\n      backgroundColor: 'lightgray',\r\n      border: '1px solid lightgray',\r\n      color: 'darkgray',\r\n    },\r\n  },\r\n});\r\n\r\nconst dialogStyles = { main: { maxWidth: 450 } };\r\n\r\nconst dialogContentStyle = {\r\n  title: {\r\n    fontSize: 24,\r\n    padding: 20,\r\n    lineHeight: '28px',\r\n    textAlign: 'center',\r\n  },\r\n};\r\n\r\nexport const UnstyledEmailForm = ({\r\n  classes,\r\n  title,\r\n  hideDialog,\r\n  showError,\r\n  serverError,\r\n  showWarning,\r\n  onSubmit,\r\n  onCancel,\r\n  i18n,\r\n  requestSent,\r\n}) => {\r\n  const phoneRegEx = /^[+\\-\\s.()/0-9]+$/; // a loose check that allows number, space +, -, (, ), .\r\n\r\n  const [name, setName] = useState('');\r\n  const [phone, setPhone] = useState(i18n.getString(_TL_('')));\r\n  const [mail, setMail] = useState('');\r\n  const [message, setMessage] = useState('');\r\n  const [nameError, setNameError] = useState('');\r\n  const [phoneError, setPhoneError] = useState('');\r\n  const [mailError, setMailError] = useState('');\r\n  const [isNameValid, setIsNameValid] = useState(false);\r\n  const [isPhoneValid, setIsPhoneValid] = useState(false);\r\n  const [isMailValid, setIsMailValid] = useState(false);\r\n\r\n  const { isMobile } = useClientContext();\r\n  const editorStatusContext = useContext(EditorStatusContext);\r\n  let isEditorMobileMode = false;\r\n\r\n  if (_.isArray(editorStatusContext) && editorStatusContext.length) {\r\n    const editorStatus = editorStatusContext[0];\r\n    isEditorMobileMode = editorStatus && editorStatus.previewMode === PreviewMode.Mobile;\r\n  }\r\n\r\n  const showMobileForm = isMobile || isEditorMobileMode;\r\n  const groupWidth = showMobileForm ? classes.mobileGroupWidth : classes.groupWidth;\r\n\r\n  const onChangeName = useCallback((event, newValue) => {\r\n    setName(newValue || '');\r\n    if (_.isEmpty(newValue)) {\r\n      setIsNameValid(false);\r\n      setNameError(i18n.getString(_TL_('Required.')));\r\n      return;\r\n    }\r\n    setIsNameValid(true);\r\n    setNameError('');\r\n  }, [i18n]);\r\n\r\n  const onChangePhone = useCallback((event, newValue) => {\r\n    setPhone(newValue || '');\r\n    if (phoneRegEx.test(newValue)) {\r\n      setIsPhoneValid(true);\r\n      setPhoneError('');\r\n      return;\r\n    }\r\n    setIsPhoneValid(false);\r\n    setPhoneError(i18n.getString(_TL_('Invalid phone number.')));\r\n  }, [i18n, phoneRegEx]);\r\n\r\n  const onChangeMail = useCallback((event, newValue) => {\r\n    setMail(newValue || '');\r\n    if (validateEmailAddress(newValue)) {\r\n      setIsMailValid(true);\r\n      setMailError('');\r\n      return;\r\n    }\r\n    setIsMailValid(false);\r\n    setMailError(i18n.getString(_TL_('Invalid email address.')));\r\n  }, [i18n]);\r\n\r\n  const onChangeMessage = useCallback((event, newValue) => {\r\n    setMessage(newValue || '');\r\n  }, []);\r\n\r\n  const onSubmitClick = () => {\r\n    onSubmit({\r\n      name,\r\n      phone,\r\n      mail,\r\n      message,\r\n    });\r\n  };\r\n\r\n  const requestFailMessage = (\r\n    <MessageBar\r\n      className=\"request-error-message\"\r\n      messageBarType={MessageBarType.error}\r\n    >\r\n      <span>\r\n        {i18n.getString(_TL_('Fail to send mail.'))}\r\n      </span>\r\n      <span className=\"error-detail\">\r\n        {serverError}\r\n      </span>\r\n    </MessageBar>\r\n  );\r\n\r\n  const previewWarningMessage = (\r\n    <MessageBar\r\n      className=\"preview-warning-message\"\r\n      isMultiline\r\n      messageBarType={MessageBarType.warning}\r\n    >\r\n      <span>\r\n        {i18n.getString(_TL_('Email functionality is not supported in Preview mode. To send emails, publish your website and try again.'))}\r\n      </span>\r\n    </MessageBar>\r\n  );\r\n\r\n  const header = (\r\n    <div>\r\n      <span className={classes.title}>{title}</span>\r\n      <button\r\n        className={classNames('form-cancel-button', classes.close)}\r\n        onClick={onCancel}\r\n        aria-label={i18n.getString(_TL_('Close'))}\r\n      >\r\n        <img className={classes.icon} src={closeIcon} alt=\"\" />\r\n      </button>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={hideDialog}\r\n      onDismiss={onCancel}\r\n      maxWidth=\"fit-content\"\r\n      dialogContentProps={{\r\n        type: DialogType.normal,\r\n        title: header,\r\n        styles: dialogContentStyle,\r\n        showCloseButton: false,\r\n      }}\r\n      modalProps={{\r\n        isBlocking: true,\r\n        styles: dialogStyles,\r\n        className: classNames('email-form', classes.dialog),\r\n      }}\r\n    >\r\n      <div className={classNames(classes.group, groupWidth)}>\r\n        <TextField\r\n          className=\"input-name\"\r\n          label={i18n.getString(_TL_('Name'))}\r\n          placeholder={i18n.getString(_TL_('your name'))}\r\n          value={name}\r\n          onChange={onChangeName}\r\n          errorMessage={nameError}\r\n        />\r\n      </div>\r\n      <div className={classNames(classes.group, groupWidth)}>\r\n        <TextField\r\n          className=\"input-phone-number\"\r\n          label={i18n.getString(_TL_('Phone number'))}\r\n          value={phone}\r\n          onChange={onChangePhone}\r\n          errorMessage={phoneError}\r\n        />\r\n      </div>\r\n      <div className={classNames(classes.group, groupWidth)}>\r\n        <TextField\r\n          className=\"input-email\"\r\n          label={i18n.getString(_TL_('Email address'))}\r\n          placeholder={i18n.getString(_TL_('your email address'))}\r\n          value={mail}\r\n          onChange={onChangeMail}\r\n          errorMessage={mailError}\r\n        />\r\n      </div>\r\n      <div className={classNames(classes.group, groupWidth)}>\r\n        <TextField\r\n          className=\"input-message\"\r\n          label={i18n.getString(_TL_('Message'))}\r\n          placeholder={i18n.getString(_TL_('I need help with the following:'))}\r\n          value={message}\r\n          onChange={onChangeMessage}\r\n          multiline\r\n          resizable={false}\r\n        />\r\n      </div>\r\n      <div className={classNames(classes.errorGroup, groupWidth)}>\r\n        {\r\n          showError && requestFailMessage\r\n        }\r\n        {\r\n          showWarning && previewWarningMessage\r\n        }\r\n      </div>\r\n      <div className={classes.actionGroup}>\r\n        <PrimaryButton\r\n          className={classNames('form-submit-button', classes.submit)}\r\n          onClick={onSubmitClick}\r\n          text={i18n.getString(_TL_('Submit'))}\r\n          disabled={requestSent || showWarning || !isNameValid || !isPhoneValid || !isMailValid}\r\n        />\r\n      </div>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnstyledEmailForm.propTypes = {\r\n  classes: PropTypes.shape({\r\n    dialog: PropTypes.string,\r\n    close: PropTypes.string,\r\n    icon: PropTypes.string,\r\n    group: PropTypes.string,\r\n    submit: PropTypes.string,\r\n  }).isRequired,\r\n  title: PropTypes.string.isRequired,\r\n  hideDialog: PropTypes.bool.isRequired,\r\n  showError: PropTypes.bool.isRequired,\r\n  serverError: PropTypes.string,\r\n  showWarning: PropTypes.bool,\r\n  requestSent: PropTypes.bool,\r\n  onSubmit: PropTypes.func.isRequired,\r\n  onCancel: PropTypes.func.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n};\r\n\r\nUnstyledEmailForm.defaultProps = {\r\n  serverError: '',\r\n  showWarning: false,\r\n  requestSent: false,\r\n};\r\n\r\nexport const EmailForm = withDefaultStyles(\r\n  UnstyledEmailForm,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { PrimaryButton } from '@fluentui/react/lib/Button';\r\nimport { Dialog, DialogType } from '@fluentui/react/lib/Dialog';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nconst getStyles = () => ({\r\n  content: {\r\n    textAlign: 'center',\r\n  },\r\n  actionGroup: {\r\n    textAlign: 'center',\r\n    margin: '20px 30px 0px 30px',\r\n  },\r\n  confirm: {\r\n    borderRadius: 100,\r\n    height: 48,\r\n    padding: '15px 34px 15px 34px',\r\n    fontSize: 18,\r\n    lineHeight: '22px',\r\n    backgroundColor: 'black',\r\n    border: '1px solid black',\r\n    '&:hover': {\r\n      backgroundColor: 'black',\r\n      border: '1px solid black',\r\n    },\r\n  },\r\n});\r\n\r\nconst dialogStyles = {\r\n  main: {\r\n    maxWidth: 450,\r\n    borderRadius: 5,\r\n  },\r\n};\r\n\r\nconst dialogContentStyle = {\r\n  title: {\r\n    fontSize: 20,\r\n    padding: 20,\r\n    lineHeight: '24px',\r\n    textAlign: 'center',\r\n  },\r\n};\r\n\r\nconst mobileDialogContentStyle = {\r\n  title: {\r\n    fontSize: 18,\r\n    padding: 20,\r\n    lineHeight: '20px',\r\n    textAlign: 'center',\r\n  },\r\n};\r\n\r\nexport const UnstyledPromptDialog = ({\r\n  classes,\r\n  title,\r\n  text,\r\n  i18n,\r\n  hideDialog,\r\n  onCancel,\r\n}) => {\r\n  const { isMobile } = useClientContext();\r\n\r\n  const header = (\r\n    <div>\r\n      <span className={classes.title}>{title || i18n.getString(_TL_('Your submission has been sent successfully.'))}</span>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={hideDialog}\r\n      onDismiss={onCancel}\r\n      maxWidth=\"fit-content\"\r\n      dialogContentProps={{\r\n        type: DialogType.normal,\r\n        title: header,\r\n        styles: isMobile ? mobileDialogContentStyle : dialogContentStyle,\r\n        showCloseButton: false,\r\n      }}\r\n      modalProps={{\r\n        styles: dialogStyles,\r\n        className: classNames('prompt-dialog', classes.dialog),\r\n      }}\r\n    >\r\n\r\n      <div className={classNames('prompt-content', classes.content)}>\r\n        {text || i18n.getString(_TL_('Thanks for reaching out! We\\'ll get back to you shortly.'))}\r\n      </div>\r\n\r\n      <div className={classes.actionGroup}>\r\n        <PrimaryButton\r\n          className={classNames('prompt-close-button', classes.confirm)}\r\n          onClick={onCancel}\r\n          text={i18n.getString(_TL_('Close'))}\r\n        />\r\n      </div>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnstyledPromptDialog.propTypes = {\r\n  classes: PropTypes.shape({\r\n    dialog: PropTypes.string,\r\n    content: PropTypes.string,\r\n    confirm: PropTypes.string,\r\n  }).isRequired,\r\n  title: PropTypes.string,\r\n  text: PropTypes.string,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  hideDialog: PropTypes.bool.isRequired,\r\n  onCancel: PropTypes.func.isRequired,\r\n};\r\n\r\nUnstyledPromptDialog.defaultProps = {\r\n  title: '',\r\n  text: '',\r\n};\r\n\r\nexport const PromptDialog = withDefaultStyles(\r\n  UnstyledPromptDialog,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport moment from 'moment-timezone';\r\nimport { timeToString } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst DURATION = {\r\n  Half: '30 minutes',\r\n  Hour: '1 hour',\r\n};\r\n\r\n/**\r\n * Map duration to minute count\r\n * @param {string} duration Match to DURATION above\r\n * @returns {number} minute count\r\n */\r\nexport const getTimeInMinutes = (duration) => {\r\n  if (duration === DURATION.Half) {\r\n    return 30;\r\n  }\r\n\r\n  return 60;\r\n};\r\n\r\n/**\r\n * Map minute count to Duration option\r\n * @param {number} timeInMinutes minute count\r\n * @returns {Object} duration option config\r\n */\r\nexport const getDisplayedDuration = (timeInMinutes) => {\r\n  if (timeInMinutes === 30) {\r\n    return {\r\n      key: DURATION.Half,\r\n      text: DURATION.Half,\r\n    };\r\n  }\r\n\r\n  return {\r\n    key: DURATION.Hour,\r\n    text: DURATION.Hour,\r\n  };\r\n};\r\n\r\n/**\r\n * Truncate the time to match a specific rule.\r\n * For example, if the time is 13:34, and the rule is start-time must be :30 or :00,\r\n * then next available time is 14:00. By contrast, the last available time is 13:30.\r\n * @param {Object} time Format like {hour: 13, minute: 0}\r\n * @param {number} timePiece The available time length, usually is 15, 30 or 60\r\n * @param {boolean} findNext Whether to find the next one or the last one\r\n * @returns {Object} Next or last available time.\r\n */\r\nexport const truncateTime = (time, timePiece, findNext) => {\r\n  const { hour, minute } = time;\r\n\r\n  let newHour = hour;\r\n  let newMinute = minute;\r\n\r\n  if (findNext) {\r\n    newMinute = Math.ceil(minute / timePiece) * timePiece;\r\n    if (newMinute === 60) {\r\n      newHour = (newHour + 1) % 24;\r\n      newMinute = 0;\r\n    }\r\n  } else {\r\n    newMinute = Math.floor(minute / timePiece) * timePiece;\r\n  }\r\n\r\n  return {\r\n    hour: newHour,\r\n    minute: newMinute,\r\n  };\r\n};\r\n\r\n/**\r\n * Find the index in Day State Array\r\n * @param {Object} time {hour, minute}\r\n * @param {number} partsInHour Based on timePiece, how many parts can be divided for an hour\r\n * @returns {number} Index in the Day State Array\r\n */\r\nexport const mapTimeToStateIndex = (time, partsInHour) => {\r\n  const { hour, minute } = time;\r\n  const timePiece = 60 / partsInHour;\r\n\r\n  return (hour * partsInHour) + Math.floor((minute / timePiece));\r\n};\r\n\r\n\r\n/**\r\n * Apply the availability on the week state array.\r\n * [Week state array]: we split one week into several pieces based on the timePiece, each piece\r\n * is either true or false according to whether this piece of time is in Availability.\r\n * For example, if the time piece is 1 hour, then the length of Week State Array would be 24 * 7,\r\n * and its structure is [false, false, true, ...], the third item in array refers to the\r\n * time slot 2:00 - 3:00\r\n * @param {Array} availability AppointmentHours in a week\r\n * @param {number} timePiece Duration like 30 minutes or 60 minutes\r\n * @returns {Array} State Array with each item is set true or false\r\n * based on if this timeslot is in availability.\r\n */\r\nexport const applyAvailabilityOnWeekStates = (availability, timePiece) => {\r\n  const partsInHours = 60 / timePiece;\r\n  // All value are false, meaning each time slot is not available at the beginning\r\n  const states = Array.from(Array(7 * 24 * partsInHours), () => false);\r\n\r\n  availability.forEach((day, index) => {\r\n    const { timeSlots, isOpenAllDay } = day;\r\n    const baseIndex = index * partsInHours * 24;\r\n\r\n    if (isOpenAllDay) {\r\n      const startIndex = baseIndex;\r\n      const endIndex = baseIndex + ((partsInHours * 24) - 1);\r\n\r\n      for (let i = startIndex; i <= endIndex; i += 1) {\r\n        states[i] = true;\r\n      }\r\n    } else {\r\n      timeSlots.forEach((timeSlot) => {\r\n        const nextTime = truncateTime(\r\n          { hour: timeSlot.openHour, minute: timeSlot.openMinute },\r\n          timePiece,\r\n          true\r\n        );\r\n        const lastTime = truncateTime(\r\n          { hour: timeSlot.closeHour, minute: timeSlot.closeMinute },\r\n          timePiece,\r\n          false\r\n        );\r\n\r\n        const startIndex = mapTimeToStateIndex(\r\n          { hour: nextTime.hour, minute: nextTime.minute },\r\n          partsInHours\r\n        ) + baseIndex;\r\n        const endIndex = (mapTimeToStateIndex(\r\n          { hour: lastTime.hour, minute: lastTime.minute },\r\n          partsInHours\r\n        ) - 1) + baseIndex;\r\n\r\n        for (let i = startIndex; i <= endIndex; i += 1) {\r\n          states[i] = true;\r\n        }\r\n      });\r\n    }\r\n  });\r\n\r\n  return states;\r\n};\r\n\r\n/**\r\n * Transform a consecutive sections in the week state array into the timeslot\r\n * [startIndex, endIndex]: startIndex and endIndex are included\r\n * @param {Object} timeIndexes { startIndex, endIndex }\r\n * @param {number} timePiece 30 mins or 60 mins\r\n * @returns {Object} timeslot\r\n */\r\nexport const transformTimeIndexToTimeslot = (timeIndexes, timePiece) => {\r\n  const { startIndex, endIndex } = timeIndexes || {};\r\n  const partsInHours = 60 / timePiece;\r\n\r\n  const openHour = (Math.floor(startIndex / partsInHours)) % 24;\r\n  const openMinute = (startIndex % partsInHours) * timePiece;\r\n\r\n  let closeHour = (Math.floor((endIndex + 1) / partsInHours)) % 24;\r\n  let closeMinute = ((endIndex + 1) % partsInHours) * timePiece;\r\n\r\n  // To not get the all day wrongly map to 0:00 to 0:00,\r\n  // we should handle this scenario\r\n  if (endIndex !== 0 && closeHour === 0 && closeMinute === 0) {\r\n    closeHour = 23;\r\n    closeMinute = 59;\r\n  }\r\n\r\n  return {\r\n    openHour,\r\n    openMinute,\r\n    closeHour,\r\n    closeMinute,\r\n  };\r\n};\r\n\r\n/**\r\n * Extract timeslots in a Week State Array\r\n * @param {Array} weekStates Week state array\r\n * @returns {Array} Availability\r\n */\r\nexport const extractTimeSlots = (weekStates) => {\r\n  const availability = [];\r\n\r\n  const dayLength = weekStates.length / 7;\r\n  const timePiece = 60 / (dayLength / 24);\r\n  const weekDayIndexes = Array.from(Array(7), (item, index) => {\r\n    const dayStartIndex = index * dayLength;\r\n    const dayEndIndex = (dayStartIndex + dayLength) - 1;\r\n\r\n    return { dayStartIndex, dayEndIndex };\r\n  });\r\n\r\n  for (let dayIndex = 0; dayIndex < weekDayIndexes.length; dayIndex += 1) {\r\n    const { dayStartIndex, dayEndIndex } = weekDayIndexes[dayIndex];\r\n\r\n    let isFindingSequence = false;\r\n    let startIndex = dayStartIndex;\r\n    let endIndex = dayStartIndex;\r\n    const dayResult = [];\r\n\r\n    for (let i = dayStartIndex; i <= dayEndIndex; i += 1) {\r\n      const currentState = weekStates[i];\r\n\r\n      if (!isFindingSequence && currentState) {\r\n        isFindingSequence = true;\r\n        startIndex = i;\r\n        endIndex = i;\r\n      } else if (isFindingSequence && currentState) {\r\n        endIndex = i;\r\n\r\n        if (i === dayEndIndex) {\r\n          const timeSlot = transformTimeIndexToTimeslot(\r\n            { startIndex: startIndex % dayLength, endIndex: endIndex % dayLength },\r\n            timePiece\r\n          );\r\n          dayResult.push(timeSlot);\r\n        }\r\n      } else if (isFindingSequence && !currentState) {\r\n        isFindingSequence = false;\r\n        const timeSlot = transformTimeIndexToTimeslot(\r\n          { startIndex: startIndex % dayLength, endIndex: endIndex % dayLength },\r\n          timePiece\r\n        );\r\n        dayResult.push(timeSlot);\r\n      }\r\n    }\r\n\r\n    availability.push({\r\n      day: dayIndex,\r\n      timeSlots: dayResult,\r\n    });\r\n  }\r\n\r\n  return availability;\r\n};\r\n\r\n/**\r\n * Transform week state between different time zone\r\n * @param {Array} weekStates Week State Array\r\n * @param {number} timePiece Length of each basic timeslot\r\n * @param {number} sourceTimeOffset Source timezone offset(minutes)\r\n * @param {number} targetTimeOffset Target timezone offset(minutes)\r\n * @returns {Array} Week state array in target timezone\r\n */\r\nexport const transformWeekStatesInTimezones = (\r\n  weekStates,\r\n  timePiece,\r\n  sourceTimeOffset,\r\n  targetTimeOffset\r\n) => {\r\n  const timeOffset = (targetTimeOffset - sourceTimeOffset) / 60;\r\n  const stateOffset = timeOffset * (60 / timePiece);\r\n\r\n  if (timeOffset === 0) {\r\n    return weekStates;\r\n  }\r\n\r\n  let targetWeekStates = weekStates;\r\n  const rightSide = weekStates.slice(-stateOffset);\r\n  const leftSide = weekStates.slice(0, -stateOffset);\r\n  targetWeekStates = [...rightSide, ...leftSide];\r\n\r\n  return targetWeekStates;\r\n};\r\n\r\n/**\r\n * Transform availability between different timezones\r\n * @param {Array} availability Appointment hours in one week\r\n * @param {number} timePiece 30 mins or 60 mins\r\n * @param {number} sourceTimeOffset source time offset in minute\r\n * @param {number} targetTimeOffset target time offset in minute\r\n * @returns {Array} Availability in target timezone\r\n */\r\nexport const transformAvailabilityInTimezones = (\r\n  availability,\r\n  timePiece,\r\n  sourceTimeOffset,\r\n  targetTimeOffset\r\n) => {\r\n  const sourceAvailabilityStates = applyAvailabilityOnWeekStates(availability, timePiece);\r\n  const targetWeekStates = transformWeekStatesInTimezones(\r\n    sourceAvailabilityStates,\r\n    timePiece,\r\n    sourceTimeOffset,\r\n    targetTimeOffset\r\n  );\r\n\r\n  return extractTimeSlots(targetWeekStates);\r\n};\r\n\r\n/**\r\n * Map timeString to JS object\r\n * @param {Object} TimeParams Time related info\r\n * @returns {Object} JS object which is easy to get hour and minute\r\n */\r\nexport const mapTimeStringToTimeObject = ({ timeString, duration } = {}) => {\r\n  const time = moment.parseZone(timeString);\r\n  const openHour = time.hour();\r\n  const openMinute = time.minute();\r\n\r\n  time.add({ minutes: duration });\r\n\r\n  const closeHour = time.hour();\r\n  const closeMinute = time.minute();\r\n\r\n  return {\r\n    openHour,\r\n    openMinute,\r\n    closeHour,\r\n    closeMinute,\r\n  };\r\n};\r\n\r\n/**\r\n * Get existing bookings in a specific day.\r\n * Note: Remember to keep existing bookings and date are in the same time zone,\r\n * just ignore the timezone carried in the date object, only care the year/month/day info\r\n * inside the Date object.\r\n * @param {Array} existingBookings Existing bookings stored with time string and duration\r\n * @param {Date} date Specific day.\r\n * @returns {Array} Existing bookings in that day.\r\n */\r\nexport const getExistingBookingsOfDay = (existingBookings, date) => {\r\n  const time = moment(date);\r\n  const year = time.year();\r\n  const month = time.month();\r\n  const day = time.date();\r\n\r\n  return _.filter(existingBookings, (booking) => {\r\n    // Keep the time zone info into account when parse.\r\n    // booking.time has been transformed to targetTimezoneOffset format in line530\r\n    const timeWithTimezone = moment.parseZone(booking.time);\r\n    const bookingYear = timeWithTimezone.year();\r\n    const bookingMonth = timeWithTimezone.month();\r\n    const bookingDay = timeWithTimezone.date();\r\n\r\n    return bookingYear === year && bookingMonth === month && bookingDay === day;\r\n  });\r\n};\r\n\r\n/**\r\n * Get weekday and return the position in Availability based on date\r\n * @param {Date} date Current date\r\n * @returns {number} Position index of today in Availability\r\n */\r\nexport const getWeekdayIndex = (date) => {\r\n  const weekday = moment(date).day();\r\n  // moment.js regard \"Sunday\" as 0, \"Monday\" as 1, while in business hours structure\r\n  // \"Monday\" is located in index 0, \"Sunday\" is located in index 6.\r\n  return (weekday + 6) % 7;\r\n};\r\n\r\n/**\r\n * Mark certain timeslots in Day state array as false(not available).\r\n * @param {Array} dayStates Day state array\r\n * @param {Array} existingBookings today's existing bookings\r\n * @returns {Array} New Day state array\r\n */\r\nexport const markExistingBookingsInDayStates = (dayStates, existingBookings) => {\r\n  const newDayStates = [...dayStates];\r\n  const partsInHour = dayStates.length / 24;\r\n  const timePiece = 60 / partsInHour;\r\n\r\n  existingBookings.forEach((booking) => {\r\n    const timeObj = mapTimeStringToTimeObject({\r\n      timeString: booking.time,\r\n      duration: Number(booking.timeInMinutes),\r\n    });\r\n\r\n    const {\r\n      hour: openHour,\r\n      minute: openMinute,\r\n    } = truncateTime({ hour: timeObj.openHour, minute: timeObj.openMinute }, timePiece, false);\r\n    let {\r\n      hour: closeHour,\r\n      minute: closeMinute,\r\n    } = truncateTime({ hour: timeObj.closeHour, minute: timeObj.closeMinute }, timePiece, true);\r\n\r\n    // Handle the scenario that end time is 24:00\r\n    if (closeHour === 0 && closeMinute === 0 && !(openHour === 0 && openMinute === 0)) {\r\n      closeHour = 24;\r\n      closeMinute = 0;\r\n    }\r\n\r\n    const startIndex = mapTimeToStateIndex({ hour: openHour, minute: openMinute }, partsInHour);\r\n    const endIndex = mapTimeToStateIndex({ hour: closeHour, minute: closeMinute }, partsInHour);\r\n\r\n    for (let i = startIndex; i < endIndex; i += 1) {\r\n      newDayStates[i] = false;\r\n    }\r\n  });\r\n\r\n  return newDayStates;\r\n};\r\n\r\n/**\r\n * Get available timeslots in a specific day\r\n * @param {Array} availability AppointmentHours in a week.\r\n * @param {Array} existingBookings Exsiting bookings.\r\n * @param {string} timePiece 30(30 minutes) or 60(1hour)\r\n * @param {Date} date A specific day\r\n * @param {number} sourceTimeOffset Source time offset in minute\r\n * @param {number} targetTimeOffset Target time offset in minute\r\n *\r\n * @returns {Array} Available timeslots in that day\r\n */\r\nexport const getAvailableBookingTimeslots = (\r\n  availability,\r\n  existingBookings,\r\n  timePiece,\r\n  date,\r\n  sourceTimeOffset,\r\n  targetTimeOffset\r\n) => {\r\n  const piecesInDay = (60 / timePiece) * 24;\r\n\r\n  // Get current week states\r\n  let weekStates = applyAvailabilityOnWeekStates(availability, timePiece);\r\n  weekStates = transformWeekStatesInTimezones(\r\n    weekStates,\r\n    timePiece,\r\n    sourceTimeOffset,\r\n    targetTimeOffset\r\n  );\r\n\r\n  // Filter out state of today\r\n  const weekDayIndex = getWeekdayIndex(date);\r\n  const baseIndex = piecesInDay * weekDayIndex;\r\n  let dayStates = weekStates.slice(baseIndex, baseIndex + piecesInDay);\r\n\r\n  // Mark existingBookings in Day state array\r\n  const existingBookingsToday = getExistingBookingsOfDay(existingBookings, date);\r\n  dayStates = markExistingBookingsInDayStates(dayStates, existingBookingsToday);\r\n\r\n  const availableBookingTimeslots = [];\r\n  dayStates.forEach((state, index) => {\r\n    if (state) {\r\n      const timeSlot = transformTimeIndexToTimeslot(\r\n        { startIndex: index, endIndex: index },\r\n        timePiece\r\n      );\r\n      availableBookingTimeslots.push(timeSlot);\r\n    }\r\n  });\r\n\r\n  return availableBookingTimeslots;\r\n};\r\n\r\n/**\r\n * Create a time string based on date and startTime\r\n * @param {Date} date Date object\r\n * @param {string} startTime time string like \"2:30 PM\"\r\n * @param {number} timezoneOffset time zone offset\r\n * @returns {String} A time string like '2022-06-10T16:59:31+08:00'\r\n */\r\nexport const getTimeString = (date, startTime, timezoneOffset) => {\r\n  // Keep mind that the date object is not in our desired timezone, it's in\r\n  // browser local timezone, we have to use timezoneOffset parameter to adjust it\r\n  const timeObj = moment(date).toObject();\r\n\r\n  const timeIn24Hour = moment(startTime, 'h:mm A').format('HH:mm');\r\n  const timeArray = timeIn24Hour.split(':');\r\n\r\n  const parsedTime = moment({\r\n    ...timeObj,\r\n    hours: timeArray[0],\r\n    minutes: timeArray[1],\r\n    seconds: 0,\r\n    milliseconds: 0,\r\n  });\r\n  const offset = moment(date).utcOffset() - timezoneOffset;\r\n\r\n  return parsedTime.add(offset, 'm').format();\r\n};\r\n\r\n/**\r\n * Parse a time string and get related Date object and corresponding startTime\r\n * @param {string} timeString Time string\r\n * @param {number} timezoneOffset time zone offset in minutes\r\n * @returns {Object} date + startTime\r\n */\r\nexport const getTimeInfo = (timeString, timezoneOffset) => {\r\n  // A time string in designated \"timezoneOffset\" format.\r\n  const time = moment(timeString).utcOffset(timezoneOffset);\r\n  const parsedDate = moment({\r\n    year: time.year(),\r\n    date: time.date(),\r\n    month: time.month(),\r\n  }).toDate();\r\n\r\n  return {\r\n    date: parsedDate,\r\n    startTime: time.format('h:mm A'),\r\n  };\r\n};\r\n\r\n/**\r\n * Get available time options in a specific day\r\n * @param {Array} availability AppointmentHours in a week.\r\n * @param {Array} existingBookings Exsiting bookings.\r\n * @param {string} duration 30min or 1hour\r\n * @param {Date} date A specific day\r\n * @param {number} sourceTimeOffset Source time offset in minute\r\n * @param {number} targetTimeOffset Target time offset in minute\r\n * @param {boolean} ignorePastTime Whether filter out past time\r\n *\r\n * @returns {Array} Available time options in that day\r\n */\r\nexport const getTimeOptions = (\r\n  availability,\r\n  existingBookings,\r\n  duration,\r\n  date,\r\n  sourceTimeOffset,\r\n  targetTimeOffset,\r\n  ignorePastTime = true\r\n) => {\r\n  // Make sure all the existing bookings are in target timeoffset format,\r\n  // this will facilitate the later comparison in other functions\r\n  const newExistingBookings = existingBookings.map(booking => ({\r\n    ...booking,\r\n    time: moment(booking.time).utcOffset(targetTimeOffset).format(),\r\n  }));\r\n\r\n  const availableBookingTimeslots = getAvailableBookingTimeslots(\r\n    availability,\r\n    newExistingBookings,\r\n    getTimeInMinutes(duration),\r\n    date,\r\n    sourceTimeOffset,\r\n    targetTimeOffset\r\n  );\r\n\r\n  const currentTime = moment();\r\n\r\n  return _.reduce(\r\n    availableBookingTimeslots,\r\n    (memo, current) => {\r\n      const comparedTime = moment(date);\r\n      comparedTime.hour(current.openHour);\r\n      comparedTime.minute(current.openMinute);\r\n      // Notes: The \"date\" object is in local time zone, not in the user pre-defined time zone.\r\n      // like the comparedTime become 2022-08-02T12:00:00+08:00, but what we want to get is\r\n      // 2022-08-02T12:00:00-07:00(in pre-defined timezone), so we have to adjust it.\r\n      comparedTime.add(moment().utcOffset() - targetTimeOffset, 'm');\r\n\r\n      if (ignorePastTime && comparedTime.isBefore(currentTime)) {\r\n        return memo;\r\n      }\r\n\r\n      const timeString = timeToString({ hour: current.openHour, minute: current.openMinute });\r\n      const timeOption = { key: timeString, text: timeString };\r\n      memo.push(timeOption);\r\n\r\n      return memo;\r\n    },\r\n    []\r\n  );\r\n};\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport moment from 'moment-timezone';\r\nimport { Link } from '@fluentui/react';\r\n\r\nimport { getDisplayedDuration } from './get-available-timeslots';\r\n\r\nexport const messageMaxCount = 200;\r\n\r\nexport const getDurationOptions = i18n => ([\r\n  { key: '30 minutes', text: i18n.getString(_TL_('30 minutes')) },\r\n  { key: '1 hour', text: i18n.getString(_TL_('1 hour')) },\r\n]);\r\n\r\nexport const getColumns = ({\r\n  i18n,\r\n  classes,\r\n  currentTime,\r\n  timeZoneOffset,\r\n  onEditAppointment = () => {},\r\n  onCancelAppointment = () => {},\r\n}) => ([\r\n  {\r\n    key: 'time',\r\n    name: i18n.getString(_TL_('Appointment time')),\r\n    minWidth: 150,\r\n    maxWidth: 150,\r\n    fieldName: 'time',\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n    onRender: (item) => {\r\n      // Time should be shown in owner pre-defined time zone\r\n      const bookingTime = moment(item.time).utcOffset(timeZoneOffset);\r\n      const formattedTime = bookingTime.format('MM/DD/YYYY h:mm A');\r\n      // Existing bookings that past current time won't be able to edit.\r\n      const isDisabled = bookingTime.isBefore(currentTime);\r\n      return (\r\n        <div className=\"appointment-time\">\r\n          <div>{formattedTime}</div>\r\n          <Link href=\"#\" onClick={() => onEditAppointment(item)} underline disabled={isDisabled}>\r\n            {i18n.getString(_TL_('Edit appointment'))}\r\n          </Link>\r\n        </div>\r\n      );\r\n    },\r\n  },\r\n  {\r\n    key: 'duration',\r\n    name: i18n.getString(_TL_('Duration')),\r\n    fieldName: 'timeInMinutes',\r\n    minWidth: 80,\r\n    maxWidth: 80,\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n    onRender: item => (\r\n      <span>{getDisplayedDuration(item.timeInMinutes).text}</span>\r\n    ),\r\n  },\r\n  {\r\n    key: 'customerName',\r\n    name: i18n.getString(_TL_('Customer name')),\r\n    fieldName: 'name',\r\n    minWidth: 120,\r\n    maxWidth: 120,\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n  },\r\n  {\r\n    key: 'phoneNumber',\r\n    name: i18n.getString(_TL_('Phone number')),\r\n    fieldName: 'phoneNumber',\r\n    minWidth: 100,\r\n    maxWidth: 100,\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n  },\r\n  {\r\n    key: 'email',\r\n    name: i18n.getString(_TL_('Email')),\r\n    fieldName: 'emailAddress',\r\n    minWidth: 120,\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n    onRender: item => (\r\n      <Link href={`mailto:${item.emailAddress}`} target=\"_blank\">\r\n        {item.emailAddress}\r\n      </Link>\r\n    ),\r\n  },\r\n  {\r\n    key: 'notes',\r\n    name: i18n.getString(_TL_('Notes')),\r\n    fieldName: 'message',\r\n    minWidth: 160,\r\n    maxWidth: 160,\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n  },\r\n  {\r\n    key: 'cancel',\r\n    name: '',\r\n    className: classes.columnCell,\r\n    headerClassName: classes.topBottomBorder,\r\n    onRender: (item) => {\r\n      const bookingTime = moment(item.time);\r\n      // Existing bookings that past current time won't be able to cancel.\r\n      const isDisabled = bookingTime.isBefore(currentTime);\r\n      return (\r\n        <div className=\"cancel-appointment\">\r\n          <Link href=\"#\" onClick={() => onCancelAppointment(item)} disabled={isDisabled}>\r\n            {i18n.getString(_TL_('Cancel appointment'))}\r\n          </Link>\r\n        </div>\r\n      );\r\n    },\r\n  },\r\n]);\r\n","import React, { useMemo } from 'react';\r\nimport _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Modal, IconButton, PrimaryButton, Spinner } from '@fluentui/react';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  bookingContainer: {\r\n    minHeight: '100%',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    position: 'relative',\r\n  },\r\n  header: {\r\n    position: 'relative',\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n\r\n    '& button:hover': {\r\n      color: 'black',\r\n    },\r\n  },\r\n  title: {\r\n    height: 84,\r\n    lineHeight: '84px',\r\n    fontSize: 24,\r\n    fontWeight: 600,\r\n    marginTop: 0,\r\n    marginBottom: 0,\r\n  },\r\n  cancelIcon: {\r\n    position: 'absolute',\r\n    top: 8,\r\n    right: 8,\r\n    zIndex: 1,\r\n  },\r\n  footer: {\r\n    height: 100,\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    flexShrink: 0,\r\n  },\r\n  content: {\r\n    flex: 1,\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n  },\r\n  footerBtn: {\r\n    borderRadius: 100,\r\n    height: 48,\r\n    padding: '15px 34px 15px 34px',\r\n    fontSize: 20,\r\n    lineHeight: '24px',\r\n    backgroundColor: 'black',\r\n    border: '1px solid black',\r\n    '&:hover': {\r\n      backgroundColor: 'black',\r\n      border: '1px solid black',\r\n    },\r\n    '&[disabled]': {\r\n      backgroundColor: 'lightgray',\r\n      border: '1px solid lightgray',\r\n      color: 'darkgray',\r\n    },\r\n  },\r\n  loadingMask: {\r\n    width: '100%',\r\n    height: '100%',\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    position: 'absolute',\r\n    background: 'gray',\r\n    zIndex: 2,\r\n    opacity: '0.4',\r\n  },\r\n});\r\n\r\nconst modalDefaultStyle = {\r\n  main: {\r\n    width: '1052px',\r\n    height: '720px',\r\n  },\r\n  scrollableContent: {\r\n    maxHeight: 'unset',\r\n    height: '100%',\r\n  },\r\n};\r\n\r\nconst iconButtonStyles = {\r\n  root: {\r\n    marginLeft: 'auto',\r\n    marginTop: '4px',\r\n    marginRight: '2px',\r\n    color: 'black',\r\n  },\r\n};\r\n\r\nconst cancelIcon = { iconName: 'Cancel' };\r\n\r\nexport const UnStyledSmartBookingModal = ({\r\n  children,\r\n  i18n,\r\n  classes,\r\n  className,\r\n  isOpen,\r\n  title,\r\n  isLoading,\r\n  actionButtonLabel,\r\n  onCloseModal,\r\n  onClickFooterButton,\r\n  modalStyle,\r\n  hideFooter,\r\n  hideHeader,\r\n  onRenderHeader,\r\n}) => {\r\n  const mergedStyles = useMemo(() => ({\r\n    main: [modalDefaultStyle.main, modalStyle.main],\r\n    scrollableContent: [modalDefaultStyle.scrollableContent, modalStyle.scrollableContent],\r\n    ..._.omit(modalStyle, 'main', 'scrollableContent'),\r\n  }), [modalStyle]);\r\n\r\n  const header = useMemo(() => {\r\n    if (hideHeader) {\r\n      return null;\r\n    }\r\n\r\n    if (_.isFunction(onRenderHeader)) {\r\n      return onRenderHeader();\r\n    }\r\n\r\n    return <h2 className={classNames(classes.title, 'title')}>{title}</h2>;\r\n  }, [classes, hideHeader, onRenderHeader, title]);\r\n\r\n  return (\r\n    <Modal\r\n      isOpen={isOpen}\r\n      onDismiss={onCloseModal}\r\n      styles={mergedStyles}\r\n      className={classNames('booking-modal', className)}\r\n    >\r\n      <div className={classes.bookingContainer}>\r\n        {\r\n          isLoading && (\r\n            <div className={classes.loadingMask}>\r\n              <Spinner />\r\n            </div>\r\n          )\r\n        }\r\n        <div className={classNames(classes.header, 'header')}>\r\n          { header }\r\n          <IconButton\r\n            className={classNames(classes.cancelIcon, 'close-button')}\r\n            styles={iconButtonStyles}\r\n            iconProps={cancelIcon}\r\n            ariaLabel={i18n.getString(_TL_('Close popup modal'))}\r\n            onClick={onCloseModal}\r\n          />\r\n        </div>\r\n        <div className={classNames(classes.content, 'content')}>\r\n          {children}\r\n        </div>\r\n        {\r\n          !hideFooter && (\r\n            <div className={classNames(classes.footer, 'footer')}>\r\n              <PrimaryButton\r\n                className={classes.footerBtn}\r\n                text={actionButtonLabel}\r\n                onClick={onClickFooterButton}\r\n              />\r\n            </div>\r\n          )\r\n        }\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nUnStyledSmartBookingModal.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    header: PropTypes.string.isRequired,\r\n    footer: PropTypes.string.isRequired,\r\n    content: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  className: PropTypes.string,\r\n  isLoading: PropTypes.bool,\r\n  isOpen: PropTypes.bool.isRequired,\r\n  title: PropTypes.string,\r\n  actionButtonLabel: PropTypes.string,\r\n  onCloseModal: PropTypes.func.isRequired,\r\n  onClickFooterButton: PropTypes.func,\r\n  children: PropTypes.node.isRequired,\r\n  modalStyle: PropTypes.shape({\r\n    main: PropTypes.shape({\r\n      width: PropTypes.string,\r\n      height: PropTypes.string,\r\n    }),\r\n  }),\r\n  hideFooter: PropTypes.bool,\r\n  hideHeader: PropTypes.bool,\r\n  onRenderHeader: PropTypes.func,\r\n};\r\n\r\nUnStyledSmartBookingModal.defaultProps = {\r\n  modalStyle: {},\r\n  className: '',\r\n  title: '',\r\n  actionButtonLabel: '',\r\n  isLoading: false,\r\n  hideFooter: false,\r\n  hideHeader: false,\r\n  onClickFooterButton: _.noop(),\r\n  onRenderHeader: null,\r\n};\r\n\r\nexport const SmartBookingModal = withDefaultStyles(\r\n  UnStyledSmartBookingModal,\r\n  getStyles\r\n);\r\n","import React, { useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport moment from 'moment-timezone';\r\n\r\nimport { Calendar, Dropdown, Spinner } from '@fluentui/react';\r\nimport { Icon } from '@fluentui/react/lib/Icon';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { RadioButton as Availability } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nconst getStyles = () => ({\r\n  duration: {\r\n    marginBottom: 30,\r\n  },\r\n  timePicker: ({ isMobile } = {}) => ({\r\n    display: 'flex',\r\n    ...(\r\n      isMobile\r\n        ? {\r\n          flexDirection: 'column',\r\n          alignItems: 'center',\r\n        }\r\n        : {}\r\n    ),\r\n    '& .card th': {\r\n      textAlign: 'center',\r\n    },\r\n\r\n    '& .indicator': {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      height: 30,\r\n      marginBottom: 8,\r\n      fontWeight: 600,\r\n\r\n      '& i': {\r\n        fontWeight: 600,\r\n      },\r\n\r\n      '& span': {\r\n        marginLeft: 5,\r\n        marginTop: '-2px',\r\n      },\r\n    },\r\n\r\n    '& .time-list': {\r\n      minHeight: 200,\r\n      minWidth: 200,\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n    },\r\n  }),\r\n  availability: ({ isMobile } = {}) => ({\r\n    marginLeft: 25,\r\n    marginTop: isMobile ? 13 : 0,\r\n  }),\r\n  error: {\r\n    color: 'red',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n  },\r\n  mobileTimelist: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    justifyContent: 'center',\r\n  },\r\n  timeHint: {\r\n    fontStyle: 'italic',\r\n    fontSize: 12,\r\n  },\r\n});\r\n\r\nconst calenderStyle = {\r\n  root: {\r\n    boxShadow: '0 3px 10px -5px grey',\r\n  },\r\n};\r\n\r\nconst availabilityLabelId = 'availability-label';\r\n\r\nconst UnstyledBookingStepTime = ({\r\n  classes,\r\n  className,\r\n  i18n,\r\n  isLoading,\r\n  availability,\r\n  durationOptions,\r\n  selectedDuration,\r\n  onSelectDuration,\r\n  selectedDate,\r\n  onSelectDate,\r\n  selectedTime,\r\n  onSelectTime,\r\n  errorMessage,\r\n  isMobile,\r\n  timezoneOffset,\r\n  isInPreview,\r\n  focus,\r\n}) => {\r\n  const dropdownRef = useRef();\r\n\r\n  useEffect(() => {\r\n    if (dropdownRef.current && focus) {\r\n      // Focus on the first control\r\n      dropdownRef.current.focus();\r\n    }\r\n  }, [focus]);\r\n\r\n  return (\r\n    <div className={classNames(className, 'step-time')}>\r\n      <div className={classes.duration}>\r\n        <Dropdown\r\n          componentRef={(input) => { dropdownRef.current = input; }}\r\n          label={i18n.getString(_TL_('Appointment duration'))}\r\n          options={durationOptions}\r\n          selectedKey={selectedDuration.key}\r\n          onChange={onSelectDuration}\r\n        />\r\n      </div>\r\n      {\r\n        isInPreview && (\r\n          <div className={classes.timeHint}>\r\n            *{i18n.getString(_TL_('Your appointment availability will automatically show to users in their local time'))}\r\n          </div>\r\n        )\r\n      }\r\n      <div className={classNames(classes.timePicker, 'time-picker')}>\r\n        <div className={classNames('card', classes.day)}>\r\n          <div className=\"indicator\">\r\n            <Icon iconName=\"Calendar\" />\r\n            <span>{i18n.getString(_TL_('Date'))}</span>\r\n          </div>\r\n          <Calendar\r\n            showMonthPickerAsOverlay\r\n            highlightSelectedMonth\r\n            showGoToToday={false}\r\n            onSelectDate={onSelectDate}\r\n            value={selectedDate}\r\n            calendarDayProps={{\r\n              minDate: moment().add(timezoneOffset - moment().utcOffset(), 'm').toDate(),\r\n              styles: {\r\n                weekRow: 'week-row',\r\n              },\r\n            }}\r\n            styles={calenderStyle}\r\n          />\r\n        </div>\r\n        <div className={classNames('card', classes.availability)}>\r\n          <div className=\"indicator\">\r\n            <Icon iconName=\"TimePicker\" />\r\n            <span id={availabilityLabelId}>{i18n.getString(_TL_('Time'))}</span>\r\n          </div>\r\n          <div className=\"time-list\">\r\n            {\r\n              isLoading\r\n                ? <Spinner label={i18n.getString(_TL_('Loading'))} />\r\n                : <Availability\r\n                  className={classNames({ [classes.mobileTimelist]: isMobile })}\r\n                  emptyLabel={i18n.getString(_TL_('There are no more available times today'))}\r\n                  options={availability}\r\n                  selectedItem={selectedTime}\r\n                  onSelectItem={onSelectTime}\r\n                  ariaDescribedBy={availabilityLabelId}\r\n                />\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {\r\n        errorMessage && (\r\n          <div className={classNames(classes.error, 'step-time-error')}>\r\n            <span>*{errorMessage}</span>\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledBookingStepTime.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  className: PropTypes.string,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  isLoading: PropTypes.bool,\r\n  availability: PropTypes.arrayOf(PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  })).isRequired,\r\n  durationOptions: PropTypes.arrayOf(PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  })).isRequired,\r\n  selectedDuration: PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  }).isRequired,\r\n  onSelectDuration: PropTypes.func.isRequired,\r\n  selectedDate: PropTypes.shape({}).isRequired,\r\n  onSelectDate: PropTypes.func.isRequired,\r\n  selectedTime: PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  }).isRequired,\r\n  onSelectTime: PropTypes.func.isRequired,\r\n  errorMessage: PropTypes.oneOfType([\r\n    PropTypes.string,\r\n    PropTypes.shape({}),\r\n  ]),\r\n  isMobile: PropTypes.bool,\r\n  timezoneOffset: PropTypes.number,\r\n  isInPreview: PropTypes.bool,\r\n  focus: PropTypes.bool,\r\n};\r\n\r\nUnstyledBookingStepTime.defaultProps = {\r\n  className: '',\r\n  errorMessage: null,\r\n  isLoading: false,\r\n  isMobile: false,\r\n  timezoneOffset: moment().utcOffset(),\r\n  isInPreview: false,\r\n  focus: false,\r\n};\r\n\r\nexport const BookingStepTime = React.memo(withDefaultStyles(\r\n  UnstyledBookingStepTime,\r\n  getStyles\r\n));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { DefaultButton, TextField, MessageBar, MessageBarType } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  stepTwo: ({ isMobile } = {}) => ({\r\n    padding: isMobile ? '0 23px' : '0 72px',\r\n\r\n    '& .preview-warning-message': {\r\n      marginTop: 8,\r\n    },\r\n  }),\r\n  bold: {\r\n    fontWeight: 600,\r\n  },\r\n  form: {\r\n    marginTop: 20,\r\n\r\n    '& .ms-TextField-fieldGroup': {\r\n      border: '1px solid #B3B0AD',\r\n    },\r\n\r\n    '& .name': {\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n\r\n      '& .ms-TextField': {\r\n        width: 202,\r\n      },\r\n    },\r\n  },\r\n  item: {\r\n    minHeight: 80,\r\n  },\r\n  error: {\r\n    color: 'red',\r\n  },\r\n});\r\n\r\nconst editButtonStyle = {\r\n  root: {\r\n    minWidth: 60,\r\n    marginLeft: 20,\r\n    height: 26,\r\n  },\r\n};\r\n\r\nconst textAreaStyle = {\r\n  fieldGroup: {\r\n    height: 134,\r\n  },\r\n};\r\n\r\nconst UnstyledBookingStepUserInfo = ({\r\n  classes,\r\n  className,\r\n  i18n,\r\n  bookingTimeInfo,\r\n  onEditTime,\r\n  name,\r\n  onChangeName,\r\n  email,\r\n  onChangeEmail,\r\n  phoneNumber,\r\n  onChangePhoneNumber,\r\n  extraMessage,\r\n  errorMessage,\r\n  onChangeExtraMessage,\r\n  showWarning,\r\n}) => (\r\n  <div className={classNames(classes.stepTwo, className, 'step-user-info')}>\r\n    <div className=\"appointment-detail\">\r\n      <div className={classes.bold}>{i18n.getString(_TL_('Date and time'))}</div>\r\n      <div className=\"info\">\r\n        <span>{bookingTimeInfo}</span>\r\n        <DefaultButton\r\n          text={i18n.getString(_TL_('Edit'))}\r\n          onClick={onEditTime}\r\n          styles={editButtonStyle}\r\n        />\r\n      </div>\r\n    </div>\r\n    <div className={classes.form}>\r\n      <div className={classNames(classes.item, 'name')}>\r\n        <TextField\r\n          className=\"input-first-name\"\r\n          label={i18n.getString(_TL_('First name (optional)'))}\r\n          value={name.firstName}\r\n          onChange={(e, val) => onChangeName(e, val, 'firstName')}\r\n          errorMessage={name.error.firstName}\r\n        />\r\n        <TextField\r\n          className=\"input-last-name\"\r\n          label={i18n.getString(_TL_('Last name (optional)'))}\r\n          value={name.lastName}\r\n          onChange={(e, val) => onChangeName(e, val, 'lastName')}\r\n          errorMessage={name.error.lastName}\r\n        />\r\n      </div>\r\n      <div className={classes.item}>\r\n        <TextField\r\n          className=\"input-email\"\r\n          label={i18n.getString(_TL_('Email'))}\r\n          value={email.value}\r\n          onChange={onChangeEmail}\r\n          errorMessage={email.error}\r\n        />\r\n      </div>\r\n      <div className={classes.item}>\r\n        <TextField\r\n          className=\"input-phone\"\r\n          label={i18n.getString(_TL_('Phone'))}\r\n          value={phoneNumber.value}\r\n          onChange={onChangePhoneNumber}\r\n          errorMessage={phoneNumber.error}\r\n        />\r\n      </div>\r\n      <div className={classes.item}>\r\n        <TextField\r\n          className=\"input-message\"\r\n          label={i18n.getString(_TL_('Comments'))}\r\n          value={extraMessage.value}\r\n          onChange={onChangeExtraMessage}\r\n          placeholder={i18n.getString(_TL_('Tell what service you\\'re booking, what you\\'d like them to do, and other details you think they should know.'))}\r\n          resizable={false}\r\n          styles={textAreaStyle}\r\n          errorMessage={extraMessage.error}\r\n          multiline\r\n        />\r\n      </div>\r\n      {\r\n        errorMessage && (\r\n          <div className={classNames(classes.error, 'step-user-info-error')}>\r\n            <span>*{i18n.getString(errorMessage)}</span>\r\n          </div>\r\n        )\r\n      }\r\n      {\r\n        showWarning && (\r\n        <MessageBar\r\n          className=\"preview-warning-message\"\r\n          messageBarType={MessageBarType.warning}\r\n          role=\"alert\"\r\n          isMultiline\r\n        >\r\n          <span>\r\n            {i18n.getString(_TL_('Booking functionality is not supported in Preview mode. Please publish your website and try again.'))}\r\n          </span>\r\n        </MessageBar>\r\n        )\r\n      }\r\n    </div>\r\n  </div>\r\n);\r\n\r\nUnstyledBookingStepUserInfo.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  className: PropTypes.string,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  bookingTimeInfo: PropTypes.string.isRequired,\r\n  onEditTime: PropTypes.func.isRequired,\r\n  name: PropTypes.shape({\r\n    firstName: PropTypes.string,\r\n    lastName: PropTypes.string,\r\n  }).isRequired,\r\n  onChangeName: PropTypes.func.isRequired,\r\n  email: PropTypes.shape({\r\n    value: PropTypes.string,\r\n    error: PropTypes.string,\r\n  }).isRequired,\r\n  onChangeEmail: PropTypes.func.isRequired,\r\n  phoneNumber: PropTypes.shape({\r\n    value: PropTypes.string,\r\n    error: PropTypes.string,\r\n  }).isRequired,\r\n  onChangePhoneNumber: PropTypes.func.isRequired,\r\n  extraMessage: PropTypes.shape({\r\n    value: PropTypes.string,\r\n    error: PropTypes.string,\r\n  }).isRequired,\r\n  onChangeExtraMessage: PropTypes.func.isRequired,\r\n  errorMessage: PropTypes.string,\r\n  showWarning: PropTypes.bool,\r\n};\r\n\r\nUnstyledBookingStepUserInfo.defaultProps = {\r\n  className: '',\r\n  errorMessage: '',\r\n  showWarning: false,\r\n};\r\n\r\nexport const BookingStepUserInfo = withDefaultStyles(\r\n  UnstyledBookingStepUserInfo,\r\n  getStyles\r\n);\r\n","import React, { useState, useCallback, useMemo, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport moment from 'moment-timezone';\r\nimport _ from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useBookingService } from '@bingads-webui-campaign-react/smart-page-data-service';\r\nimport {\r\n  validateEmailAddress,\r\n  validatePhone,\r\n  sendAnalyticsData,\r\n  sendLeadsTrackingData,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useCurrentLocale } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { validateText } from '@bingads-webui-campaign-react/smart-component-text';\r\n\r\nimport { getDurationOptions, messageMaxCount } from '../utils/booking-config';\r\nimport {\r\n  getTimeOptions,\r\n  getTimeInMinutes,\r\n  getTimeString,\r\n} from '../utils/get-available-timeslots';\r\nimport { SmartBookingModal } from './booking-modal-base';\r\nimport { BookingStepTime } from './booking-step-time';\r\nimport { BookingStepUserInfo } from './booking-step-user-info';\r\n\r\nconst nameMaxLen = 50;\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    width: '100%',\r\n    position: 'relative',\r\n  },\r\n  step: {\r\n    width: '100%',\r\n    padding: '20px 70px',\r\n  },\r\n  stepMobile: {\r\n    padding: '20px 28px',\r\n  },\r\n});\r\n\r\nconst customModalStyle = {\r\n  main: {\r\n    width: '590px',\r\n    height: '680px',\r\n  },\r\n};\r\n\r\nconst getMobileModalStyle = isRuntime => ({\r\n  main: {\r\n    width: isRuntime ? '90vw' : '360px',\r\n  },\r\n});\r\n\r\nconst STEP_CONFIG = {\r\n  ONE: {\r\n    key: 'ONE',\r\n    buttonText: _TL_('Appointment details'),\r\n    validator: ({ time }, i18n) => {\r\n      if (!time) {\r\n        return i18n.getString(_TL_('Please select specific time'));\r\n      }\r\n\r\n      return null;\r\n    },\r\n  },\r\n  TWO: {\r\n    key: 'TWO',\r\n    buttonText: _TL_('Submit'),\r\n    validator: ({\r\n      email, phoneNumber, extraMessage, name,\r\n    }, i18n) => {\r\n      const emailError = validateEmailAddress(email) ? '' : i18n.getString(_TL_('Invalid email address.'));\r\n      const phoneError = validatePhone(phoneNumber) ? '' : i18n.getString(_TL_('Invalid phone number.'));\r\n      const firstNameError = validateText(name.firstName, nameMaxLen, i18n).errorMessage;\r\n      const lastNameError = validateText(name.lastName, nameMaxLen, i18n).errorMessage;\r\n      const extraMessageError = validateText(extraMessage, messageMaxCount, i18n).errorMessage;\r\n\r\n      if (!emailError && !phoneError && !extraMessageError && !firstNameError && !lastNameError) {\r\n        return null;\r\n      }\r\n\r\n      return {\r\n        email: emailError,\r\n        phoneNumber: phoneError,\r\n        extraMessage: extraMessageError,\r\n        name: { firstName: firstNameError, lastName: lastNameError },\r\n      };\r\n    },\r\n  },\r\n};\r\nconst dateOptions = {\r\n  year: 'numeric',\r\n  month: 'long',\r\n  day: 'numeric',\r\n};\r\n\r\nconst UstyledBookingSteps = ({\r\n  classes,\r\n  i18n,\r\n  isOpen,\r\n  bookingProps,\r\n  onClose,\r\n  logger,\r\n  isRuntime,\r\n  isMobile,\r\n  userLocale,\r\n}) => {\r\n  const {\r\n    smartPageId,\r\n    availableBookingHours,\r\n    email: customerEmail,\r\n    landingLink,\r\n    businessName,\r\n    customerTimeZoneOffset,\r\n  } = bookingProps;\r\n  const durationOptions = useMemo(() => getDurationOptions(i18n), [i18n]);\r\n\r\n  const {\r\n    // create\r\n    createBooking,\r\n    isCreatingBooking,\r\n    // get\r\n    isGetExistingBookings,\r\n    existingBookings,\r\n    getExistingBooking,\r\n  } = useBookingService({ logger });\r\n  const locale = useCurrentLocale();\r\n\r\n  const [currentStep, setCurrentStep] = useState(STEP_CONFIG.ONE);\r\n  // Step one:\r\n  const [duration, setDuration] = useState(durationOptions[0]);\r\n  const [selectedDate, setSelectedDate] = useState(new Date());\r\n  const [selectedTime, setSelectedTime] = useState({});\r\n  const [stepOneError, setStepOneError] = useState(null);\r\n  const [availability, setAvailability] = useState([]);\r\n  // Step two:\r\n  const [name, setName] = useState({ firstName: '', lastName: '', error: { firstName: '', lastName: '' } });\r\n  const [email, setEmail] = useState({ value: '', error: '' });\r\n  const [phoneNumber, setPhoneNumber] = useState({ value: '', error: '' });\r\n  const [extraMessage, setExtraMessage] = useState({ value: '', error: '' });\r\n  const [stepTwoError, setStepTwoError] = useState('');\r\n  const [showWarning, setShowWarning] = useState(false);\r\n  const [autoFocus, setAutoFocus] = useState(false);\r\n\r\n  const formattedBookingInfo = `${selectedDate.toLocaleDateString(locale, dateOptions)}, ${duration.text}, ${selectedTime.text}`;\r\n\r\n  const onSelectDate = useCallback((date) => {\r\n    setSelectedDate(date);\r\n    // Clear the selected time\r\n    setSelectedTime({});\r\n  }, []);\r\n\r\n  const onSelectDuration = useCallback((e, item) => {\r\n    setDuration(item);\r\n    // Clear the selected time\r\n    setSelectedTime({});\r\n  }, []);\r\n\r\n  const onSelectTime = useCallback((time) => {\r\n    setSelectedTime(time);\r\n    setStepOneError(null);\r\n  }, []);\r\n\r\n  const onChangeName = useCallback((e, newValue, key) => {\r\n    setName(prev => ({\r\n      ...prev,\r\n      [key]: newValue,\r\n      error: {\r\n        ...prev.error,\r\n        [key]: validateText(newValue, nameMaxLen, i18n).errorMessage,\r\n      },\r\n    }));\r\n  }, [i18n]);\r\n\r\n  const onChangeEmail = useCallback((e, newValue) => {\r\n    setEmail({\r\n      value: newValue,\r\n      error: validateEmailAddress(newValue)\r\n        ? ''\r\n        : i18n.getString(_TL_('Invalid email address.')),\r\n    });\r\n  }, [i18n]);\r\n\r\n  const onChangePhoneNumber = useCallback((e, newValue) => {\r\n    setPhoneNumber({\r\n      value: newValue,\r\n      error: validatePhone(newValue)\r\n        ? ''\r\n        : i18n.getString(_TL_('Invalid phone number.')),\r\n    });\r\n  }, [i18n]);\r\n\r\n  const onChangeExtraMessage = useCallback((e, newValue) => {\r\n    setExtraMessage({\r\n      value: newValue,\r\n      error: validateText(newValue, messageMaxCount, i18n).errorMessage,\r\n    });\r\n  }, [i18n]);\r\n\r\n  const onClickFooterBtn = () => {\r\n    if (currentStep.key === STEP_CONFIG.ONE.key) {\r\n      const errors = currentStep.validator({ time: selectedTime.text }, i18n);\r\n      setStepOneError(errors);\r\n\r\n      if (!errors) {\r\n        setCurrentStep(STEP_CONFIG.TWO);\r\n      }\r\n    } else {\r\n      const errors = currentStep.validator({\r\n        email: email.value,\r\n        phoneNumber: phoneNumber.value,\r\n        extraMessage: extraMessage.value,\r\n        name: { firstName: name.firstName, lastName: name.lastName },\r\n      }, i18n);\r\n\r\n      if (!errors) {\r\n        if (!isRuntime) {\r\n          setShowWarning(true);\r\n          return;\r\n        }\r\n\r\n        // Trigger only in Runtime\r\n        sendAnalyticsData('BookAppointment');\r\n        sendLeadsTrackingData();\r\n\r\n        // Create booking\r\n        const timeString = getTimeString(\r\n          selectedDate,\r\n          selectedTime.key,\r\n          moment().utcOffset()\r\n        );\r\n\r\n        createBooking({\r\n          smartPageId,\r\n          customerEmailAddress: customerEmail,\r\n          manageAppointmentLink: landingLink,\r\n          bookingDetails: {\r\n            Name: `${name.firstName} ${name.lastName}`,\r\n            PhoneNumber: phoneNumber.value,\r\n            EmailAddress: email.value,\r\n            Service: '',\r\n            Time: timeString,\r\n            TimeInMinutes: getTimeInMinutes(duration.key),\r\n            Message: extraMessage.value,\r\n            UserTimeZoneOffset: moment().utcOffset(),\r\n          },\r\n          businessName,\r\n          customerTimeZoneOffset,\r\n          userLocale,\r\n        }).then(() => {\r\n          logger.logTrace(`CTA|submitBooking|${window.location.hostname}|BookAppointment`);\r\n\r\n          onClose({}, true);\r\n        }).catch((error) => {\r\n          setStepTwoError(error);\r\n        });\r\n      } else {\r\n        setEmail(prev => ({ ...prev, error: errors.email }));\r\n        setPhoneNumber(prev => ({ ...prev, error: errors.phoneNumber }));\r\n        setExtraMessage(prev => ({ ...prev, error: errors.extraMessage }));\r\n        setName(prev => ({ ...prev, error: errors.name }));\r\n      }\r\n    }\r\n  };\r\n\r\n  const onBackToStepOne = useCallback(() => {\r\n    setStepTwoError('');\r\n    setCurrentStep(STEP_CONFIG.ONE);\r\n    setShowWarning(false);\r\n    setAutoFocus(true);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    // Always fetch data when isOpen is true, as user might book one and want to book another again,\r\n    // we have to make sure the specific timeslot is occupied.\r\n    // Only fetch data in Runtime\r\n    if (isOpen && isRuntime) {\r\n      getExistingBooking({ smartPageId });\r\n    }\r\n  }, [getExistingBooking, isOpen, smartPageId, isRuntime]);\r\n\r\n  // Recalculate the availability when duration, date or existingBookings change.\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      const userTimeZoneOffset = moment().utcOffset();\r\n      const availableStartTime = getTimeOptions(\r\n        availableBookingHours,\r\n        existingBookings,\r\n        duration.key,\r\n        selectedDate,\r\n        customerTimeZoneOffset,\r\n        userTimeZoneOffset\r\n      );\r\n\r\n      setAvailability(availableStartTime);\r\n    }\r\n  }, [\r\n    availableBookingHours, duration.key, existingBookings,\r\n    selectedDate, isOpen, customerTimeZoneOffset,\r\n  ]);\r\n\r\n  return (\r\n    <SmartBookingModal\r\n      i18n={i18n}\r\n      isOpen={isOpen}\r\n      isLoading={isCreatingBooking}\r\n      title={i18n.getString(_TL_('Book appointment'))}\r\n      actionButtonLabel={i18n.getString(currentStep.buttonText)}\r\n      onClickFooterButton={onClickFooterBtn}\r\n      onCloseModal={onClose}\r\n      modalStyle={isMobile ? getMobileModalStyle(isRuntime) : customModalStyle}\r\n    >\r\n      <div className={classNames(classes.container, 'booking-steps-container')}>\r\n        {\r\n          currentStep.key === STEP_CONFIG.ONE.key\r\n            ? (\r\n              <BookingStepTime\r\n                i18n={i18n}\r\n                className={isMobile ? classes.stepMobile : classes.step}\r\n                isLoading={isGetExistingBookings}\r\n                availability={availability}\r\n                durationOptions={durationOptions}\r\n                selectedDuration={duration}\r\n                onSelectDuration={onSelectDuration}\r\n                selectedDate={selectedDate}\r\n                onSelectDate={onSelectDate}\r\n                selectedTime={selectedTime}\r\n                onSelectTime={onSelectTime}\r\n                errorMessage={stepOneError}\r\n                isMobile={isMobile}\r\n                isInPreview={!isRuntime}\r\n                focus={autoFocus}\r\n              />\r\n            ) : (\r\n              <BookingStepUserInfo\r\n                i18n={i18n}\r\n                bookingTimeInfo={formattedBookingInfo}\r\n                onEditTime={onBackToStepOne}\r\n                name={name}\r\n                onChangeName={onChangeName}\r\n                email={email}\r\n                onChangeEmail={onChangeEmail}\r\n                phoneNumber={phoneNumber}\r\n                onChangePhoneNumber={onChangePhoneNumber}\r\n                extraMessage={extraMessage}\r\n                errorMessage={stepTwoError}\r\n                onChangeExtraMessage={onChangeExtraMessage}\r\n                showWarning={showWarning}\r\n                isMobile={isMobile}\r\n              />\r\n            )\r\n        }\r\n      </div>\r\n    </SmartBookingModal>\r\n  );\r\n};\r\n\r\nUstyledBookingSteps.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n    step: PropTypes.string.isRequired,\r\n    stepMobile: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  isOpen: PropTypes.bool.isRequired,\r\n  bookingProps: PropTypes.shape({\r\n    smartPageId: PropTypes.string,\r\n    availableBookingHours: PropTypes.arrayOf(PropTypes.shape({\r\n      day: PropTypes.string,\r\n      isOpenAllDay: PropTypes.bool,\r\n      timeSlots: PropTypes.arrayOf(PropTypes.shape({})),\r\n      isValid: PropTypes.bool,\r\n    })),\r\n    email: PropTypes.string,\r\n    landingLink: PropTypes.string,\r\n    businessName: PropTypes.string,\r\n    customerTimeZoneOffset: PropTypes.number,\r\n  }).isRequired,\r\n  onClose: PropTypes.func.isRequired,\r\n  logger: PropTypes.shape({\r\n    logError: PropTypes.func,\r\n    logTrace: PropTypes.func,\r\n  }),\r\n  isRuntime: PropTypes.bool,\r\n  isMobile: PropTypes.bool,\r\n  userLocale: PropTypes.string.isRequired,\r\n};\r\n\r\nUstyledBookingSteps.defaultProps = {\r\n  logger: {\r\n    logError: _.noop,\r\n    logTrace: _.noop,\r\n  },\r\n  isRuntime: true,\r\n  isMobile: false,\r\n};\r\n\r\nexport const BookingSteps = React.memo(withDefaultStyles(\r\n  UstyledBookingSteps,\r\n  getStyles\r\n));\r\n","/* eslint-disable no-param-reassign */\r\nimport { mapObject, chain, isArray, isEmpty, noop } from 'underscore';\r\nimport { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\nimport {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  mailIcon,\r\n  mapPinIcon,\r\n  phoneIcon,\r\n  validateEmailAddress,\r\n  validatePhone,\r\n  isValidUrl,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const DATA_SOURCE_NAME = 'data-source-name';\r\n\r\nexport const BOOKING_OPERATIONS = {\r\n  availability: 'availability',\r\n  appointment: 'appointment',\r\n};\r\n\r\nconst ERRORS = {\r\n  EMPTY: _TL_('Required field is empty.'),\r\n  INVALID_PHONE: _TL_('Invalid phone number.'),\r\n  INVALID_EMAIL: _TL_('Invalid email address.'),\r\n  INVALID_URL: _TL_('Invalid URL.'),\r\n};\r\n\r\nconst ActionTypes = {\r\n  CallNow: {\r\n    text: _TL_('Call now'),\r\n    uriPrefix: 'tel:',\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.PhoneNumber,\r\n    editorLabel: _TL_('Phone number'),\r\n    icon: phoneIcon,\r\n    iconText: _TL_('Call'),\r\n    enable: true,\r\n    validator: (value, i18n) => (\r\n      !validatePhone(value.dataSourceValue)\r\n        ? i18n.getString(ERRORS.INVALID_PHONE)\r\n        : null\r\n    ),\r\n  },\r\n  SendMail: {\r\n    text: _TL_('Send email'),\r\n    uriPrefix: 'mailto:',\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.Emails,\r\n    readProcessor: value => (isArray(value) ? value[0] : value),\r\n    writeProcessor: value => [value],\r\n    editorLabel: _TL_('Email address'),\r\n    icon: mailIcon,\r\n    enable: true,\r\n    validator: (value, i18n) => (\r\n      !validateEmailAddress(value.dataSourceValue)\r\n        ? i18n.getString(ERRORS.INVALID_EMAIL)\r\n        : null\r\n    ),\r\n  },\r\n  GetDirections: {\r\n    text: _TL_('Get Directions'),\r\n    uriPrefix: 'https://maps.bing.com/?q=',\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.LocationInfo,\r\n    editorLabel: _TL_('Address'),\r\n    icon: mapPinIcon,\r\n    iconText: _TL_('Directions'),\r\n    validator: (value, i18n) => {\r\n      if (isEmpty(value.dataSourceValue)) {\r\n        return i18n.getString(ERRORS.EMPTY);\r\n      }\r\n\r\n      return null;\r\n    },\r\n  },\r\n  GetQuote: {\r\n    text: _TL_('Get quote'),\r\n    isFormLink: true,\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.Emails,\r\n    readProcessor: value => (isArray(value) ? value[0] : value),\r\n    writeProcessor: value => [value],\r\n    editorLabel: _TL_('Email address'),\r\n    enable: true,\r\n    validator: (value, i18n) => (\r\n      !validateEmailAddress(value.dataSourceValue)\r\n        ? i18n.getString(ERRORS.INVALID_EMAIL)\r\n        : null\r\n    ),\r\n  },\r\n  ContactUs: {\r\n    text: _TL_('Contact us'),\r\n    isFormLink: true,\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.Emails,\r\n    readProcessor: value => (isArray(value) ? value[0] : value),\r\n    writeProcessor: value => [value],\r\n    editorLabel: _TL_('Email address'),\r\n    enable: true,\r\n    validator: (value, i18n) => (\r\n      !validateEmailAddress(value.dataSourceValue)\r\n        ? i18n.getString(ERRORS.INVALID_EMAIL)\r\n        : null\r\n    ),\r\n  },\r\n  BookAppointment: {\r\n    text: _TL_('Book appointment'),\r\n    isLinkEditable: true,\r\n    enable: true,\r\n    dataSourceName: DATA_SOURCE_KEY_MAPPING.Emails,\r\n    readProcessor: value => (isArray(value) ? value[0] : value),\r\n    writeProcessor: value => [value],\r\n    editorLabel: _TL_('Email address'),\r\n    operations: [\r\n      {\r\n        key: BOOKING_OPERATIONS.availability,\r\n        linkText: _TL_('When can customers book appointments with you?'),\r\n        title: _TL_('Manage appointment availability'),\r\n        action: _TL_('Submit'),\r\n      }, {\r\n        key: BOOKING_OPERATIONS.appointment,\r\n        linkText: _TL_('Manage existing appointments'),\r\n        title: _TL_('Your appointments'),\r\n        action: _TL_('Edit'),\r\n      },\r\n    ],\r\n    validator: (value, i18n, pilots) => {\r\n      if (!pilots.isSmartPageBookAppointmentEnabled || value.isExternalLink) {\r\n        return !isValidUrl(value.linkUrl) ? i18n.getString(ERRORS.INVALID_URL) : null;\r\n      }\r\n\r\n      return (\r\n        !validateEmailAddress(value.dataSourceValue)\r\n          ? i18n.getString(ERRORS.INVALID_EMAIL)\r\n          : null\r\n      );\r\n    },\r\n  },\r\n  ShopNow: {\r\n    text: _TL_('Shop now'),\r\n    isLinkEditable: true,\r\n    validator: noop,\r\n  },\r\n  SignUp: {\r\n    text: _TL_('Sign up'),\r\n    isLinkEditable: true,\r\n    validator: noop,\r\n  },\r\n  OrderFood: {\r\n    text: _TL_('Order food'),\r\n    isLinkEditable: true,\r\n    validator: noop,\r\n  },\r\n  PurchaseGiftCard: {\r\n    text: _TL_('Purchase gift card'),\r\n    isLinkEditable: true,\r\n    validator: noop,\r\n  },\r\n  CustomLink: {\r\n    text: _TL_('Create your own'),\r\n    isTextEditable: true,\r\n    isLinkEditable: true,\r\n    enable: true,\r\n    validator: (value, i18n) => {\r\n      if (!isValidUrl(value.linkUrl)) {\r\n        return i18n.getString(ERRORS.INVALID_URL);\r\n      } else if (isEmpty(value.linkText)) {\r\n        return i18n.getString(ERRORS.EMPTY);\r\n      }\r\n\r\n      return null;\r\n    },\r\n  },\r\n};\r\n\r\nexport const SmartActionButtonTypes = mapObject(ActionTypes, (val, key) => ({\r\n  ...val,\r\n  name: key,\r\n}));\r\n\r\n// These actions would show email address\r\nexport const EMAIL_ACTION_TYPES = [\r\n  SmartActionButtonTypes.SendMail.name,\r\n  SmartActionButtonTypes.GetQuote.name,\r\n  SmartActionButtonTypes.ContactUs.name,\r\n  SmartActionButtonTypes.BookAppointment.name,\r\n];\r\n\r\n// Will mutate the original object\r\nexport const applyBookAppointmentDefaultConfig = (config, pilots) => {\r\n  config.actionType = SmartActionButtonTypes.BookAppointment.name;\r\n  delete config.linkText;\r\n\r\n  if (pilots.isSmartPageBookAppointmentEnabled) {\r\n    config[DATA_SOURCE_NAME] = DATA_SOURCE_KEY_MAPPING.Emails;\r\n    // Tell difference between external link and internal booking services\r\n    // Default to use internal booking services.\r\n    config.isExternalLink = false;\r\n  } else {\r\n    delete config[DATA_SOURCE_NAME];\r\n  }\r\n\r\n  config.linkUrl = '';\r\n};\r\n\r\n/**\r\n * Update CTA(Call to action) component config by action type\r\n * @param {String} actionType Action Type\r\n * @param {Object} componentConfig Call to action component config\r\n * @param {Object} i18n i18n\r\n * @param {Object} pilots pilots\r\n * @returns {Object} A new component config object.\r\n */\r\nexport const getUpdatedComponentConfigByType = (actionType, componentConfig = {}, i18n, pilots) => {\r\n  const newComponentConfig = cloneDeep(componentConfig);\r\n  newComponentConfig.actionType = actionType;\r\n\r\n  switch (actionType) {\r\n    case 'CallNow':\r\n      newComponentConfig[DATA_SOURCE_NAME] = DATA_SOURCE_KEY_MAPPING.PhoneNumber;\r\n      delete newComponentConfig.linkText;\r\n      delete newComponentConfig.linkUrl;\r\n      break;\r\n    case 'GetDirections':\r\n      newComponentConfig[DATA_SOURCE_NAME] = DATA_SOURCE_KEY_MAPPING.LocationInfo;\r\n      delete newComponentConfig.linkText;\r\n      delete newComponentConfig.linkUrl;\r\n      break;\r\n    case 'SendMail':\r\n    case 'GetQuote':\r\n    case 'ContactUs':\r\n      newComponentConfig[DATA_SOURCE_NAME] = DATA_SOURCE_KEY_MAPPING.Emails;\r\n      delete newComponentConfig.linkText;\r\n      delete newComponentConfig.linkUrl;\r\n      break;\r\n    case 'ShopNow':\r\n    case 'SignUp':\r\n    case 'OrderFood':\r\n    case 'PurchaseGiftCard':\r\n      delete newComponentConfig[DATA_SOURCE_NAME];\r\n      delete newComponentConfig.linkText;\r\n      newComponentConfig.linkUrl = '';\r\n      break;\r\n    case 'BookAppointment':\r\n      applyBookAppointmentDefaultConfig(newComponentConfig, pilots);\r\n      break;\r\n    case 'CustomLink':\r\n      delete newComponentConfig[DATA_SOURCE_NAME];\r\n      newComponentConfig.linkUrl = '';\r\n      newComponentConfig.linkText = i18n.getString(ActionTypes.CustomLink.text);\r\n      break;\r\n    default:\r\n      newComponentConfig.actionType = SmartActionButtonTypes.GetQuote.name;\r\n      newComponentConfig[DATA_SOURCE_NAME] = DATA_SOURCE_KEY_MAPPING.Emails;\r\n      delete newComponentConfig.linkText;\r\n      delete newComponentConfig.linkUrl;\r\n  }\r\n\r\n  return newComponentConfig;\r\n};\r\n\r\n/**\r\n * Get available action types.\r\n * @param {Object} i18n i18n\r\n * @returns {Array} Available action types\r\n */\r\nexport const getActionOptions = i18n => (chain(SmartActionButtonTypes)\r\n  .pairs()\r\n  .map(item => (item[1].enable && {\r\n    key: item[0],\r\n    text: i18n.getString(item[1].text),\r\n  }))\r\n  .compact()\r\n  .value()\r\n);\r\n","import React, { useCallback, useMemo, useState, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { Link } from '@fluentui/react/lib/Link';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  useClientContext,\r\n  InstrumentationServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { sendAnalyticsData, sendLeadsTrackingData, THEME_MODE_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { EmailForm } from './components/email-form';\r\nimport { PromptDialog } from './components/prompt-dialog';\r\nimport { BookingSteps } from './components/booking-steps';\r\nimport { SmartActionButtonTypes } from './utils/smart-action-types';\r\n\r\nconst getStyles = (components, { palette = {} }) => ({\r\n  actionButton: {\r\n    ...components.primaryButton,\r\n    textAlign: 'center',\r\n    textDecoration: 'none',\r\n    display: 'block',\r\n    margin: '0 auto',\r\n    width: 'fit-content',\r\n    maxWidth: 200,\r\n    whiteSpace: 'nowrap',\r\n    textOverflow: 'ellipsis',\r\n    overflow: 'hidden',\r\n  },\r\n  iconButton: {\r\n    ...components.section,\r\n    textAlign: 'center',\r\n    '& a': {\r\n      height: 'fit-content',\r\n      width: 'fit-content',\r\n      display: 'inline-block',\r\n      '&:focus': {\r\n        outline: `1px solid ${palette.outline}`,\r\n      },\r\n      '&:hover': {\r\n        backgroundColor: palette.secondaryBackground,\r\n      },\r\n    },\r\n  },\r\n  icon: {\r\n    width: 32,\r\n    height: 32,\r\n    display: 'block',\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto',\r\n    marginTop: 12,\r\n    ...(palette.mode === THEME_MODE_KEY_MAPPING.Dark ? { filter: 'brightness(0) invert(1)' } : {}),\r\n  },\r\n  iconText: {\r\n    color: palette.secondaryText,\r\n    textDecoration: 'underline',\r\n    display: 'block',\r\n    fontSize: 16,\r\n    lineHeight: '24px',\r\n  },\r\n});\r\n\r\nconst UnStyledSmartActionButtonView = ({\r\n  actionType,\r\n  text,\r\n  target,\r\n  id,\r\n  isFormLink,\r\n  mailService,\r\n  i18n,\r\n  classes,\r\n  className,\r\n  useIconButton,\r\n  icon,\r\n  disabled,\r\n  isEditMode,\r\n  bookingProps,\r\n  userLocale,\r\n  pilots,\r\n}) => {\r\n  const [hideDialog, setHideDialog] = useState(true);\r\n  const [hidePromptDialog, setHidePromptDialog] = useState(true);\r\n  const [showError, setShowError] = useState(false);\r\n  const [showBookingModal, setShowBookingModal] = useState(false);\r\n  const [requestSent, setRequestSent] = useState(false);\r\n\r\n  const { isRuntime, isMobile } = useClientContext();\r\n  const logger = useContext(InstrumentationServiceContext);\r\n\r\n  const host = window.location.hostname;\r\n  const showWarning = !isRuntime;\r\n\r\n  const onClickActionButton = useCallback(() => {\r\n    if (isFormLink && hideDialog) {\r\n      // open dialog, not track\r\n      setHideDialog(false);\r\n    } else if (\r\n      actionType === SmartActionButtonTypes.BookAppointment.name\r\n      && pilots.isSmartPageBookAppointmentEnabled && !bookingProps.isExternalLink\r\n    ) {\r\n      setShowBookingModal(true);\r\n    } else if (isRuntime) {\r\n      // only trigger when smart page in runtime\r\n      sendAnalyticsData(actionType);\r\n      sendLeadsTrackingData();\r\n    }\r\n\r\n    if (isRuntime) {\r\n      logger.logTrace(`CTA|openDialog|${host}|${actionType}`);\r\n    }\r\n  }, [\r\n    isFormLink, hideDialog, actionType, pilots,\r\n    isRuntime, logger, host, bookingProps,\r\n  ]);\r\n\r\n  const onSubmitForm = useCallback(({\r\n    name,\r\n    phone,\r\n    mail,\r\n    message,\r\n  }) => {\r\n    setRequestSent(true);\r\n    mailService.sendMail({\r\n      mailType: actionType,\r\n      userName: name,\r\n      userMail: mail,\r\n      userPhone: phone,\r\n      message,\r\n      userLocale,\r\n    }).then(() => {\r\n      setHideDialog(true);\r\n      setHidePromptDialog(false);\r\n    }).catch((res) => {\r\n      setShowError(true);\r\n      logger.logError('Send email failed', res);\r\n    }).finally(() => {\r\n      setRequestSent(false);\r\n    });\r\n    // only trigger when smart page in runtime\r\n    if (isRuntime) {\r\n      sendAnalyticsData(actionType);\r\n      sendLeadsTrackingData();\r\n      logger.logTrace(`CTA|submitForm|${host}|${actionType}`);\r\n    }\r\n  }, [actionType, host, isRuntime, logger, mailService, userLocale]);\r\n\r\n  const onCancelForm = useCallback(() => {\r\n    setHideDialog(true);\r\n  }, []);\r\n\r\n  const onClosePromptDialog = useCallback(() => {\r\n    setHidePromptDialog(true);\r\n  }, []);\r\n\r\n  const onCloseBookingModal = useCallback((e, isComplete) => {\r\n    setShowBookingModal(false);\r\n\r\n    if (isComplete) {\r\n      setHidePromptDialog(false);\r\n    }\r\n  }, []);\r\n\r\n  const IconContainer = (disabled || isEditMode) ? 'span' : 'a';\r\n\r\n  const pureButton = useMemo(() => {\r\n    if (isEditMode) {\r\n      return (\r\n        <span\r\n          className={\r\n            classNames(\r\n              'action-button',\r\n              classes.actionButton,\r\n              className\r\n            )\r\n          }\r\n          id={id}\r\n        >\r\n          {text}\r\n        </span>\r\n      );\r\n    }\r\n    return (\r\n      <Link\r\n        className={\r\n          classNames(\r\n            'action-button',\r\n            classes.actionButton,\r\n            className\r\n          )\r\n        }\r\n        href={target}\r\n        onClick={onClickActionButton}\r\n        role=\"button\"\r\n        target={isFormLink ? '_self' : '_blank'}\r\n        rel=\"noopener noreferrer\"\r\n        aria-label={text}\r\n        id={id}\r\n        disabled={disabled}\r\n      >\r\n        {text}\r\n      </Link>\r\n    );\r\n  }, [\r\n    isEditMode, className, classes, disabled,\r\n    onClickActionButton, text, id, isFormLink, target,\r\n  ]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {\r\n        !useIconButton && pureButton\r\n      }\r\n      {\r\n        useIconButton &&\r\n        <div id={id} className={classNames(classes.iconButton, className)}>\r\n          <IconContainer href={target} onClick={(disabled || isEditMode) ? _.noop : onClickActionButton} target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <img className={classes.icon} src={icon} alt=\"\" />\r\n            <span className={classes.iconText}>{text}</span>\r\n          </IconContainer>\r\n        </div>\r\n      }\r\n      <EmailForm\r\n        title={text}\r\n        hideDialog={hideDialog}\r\n        showError={showError}\r\n        showWarning={showWarning}\r\n        requestSent={requestSent}\r\n        onSubmit={onSubmitForm}\r\n        onCancel={onCancelForm}\r\n        i18n={i18n}\r\n      />\r\n      {\r\n        showBookingModal && (\r\n          <BookingSteps\r\n            isOpen\r\n            i18n={i18n}\r\n            onClose={onCloseBookingModal}\r\n            bookingProps={bookingProps}\r\n            isRuntime={isRuntime}\r\n            isMobile={isMobile}\r\n            logger={logger}\r\n            userLocale={userLocale}\r\n          />\r\n        )\r\n      }\r\n      <PromptDialog\r\n        hideDialog={hidePromptDialog}\r\n        onCancel={onClosePromptDialog}\r\n        i18n={i18n}\r\n      />\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nUnStyledSmartActionButtonView.propTypes = {\r\n  actionType: PropTypes.string.isRequired,\r\n  text: PropTypes.string.isRequired,\r\n  target: PropTypes.string,\r\n  id: PropTypes.string,\r\n  isFormLink: PropTypes.bool,\r\n  mailService: PropTypes.shape({\r\n    sendMail: PropTypes.func,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    actionButton: PropTypes.string,\r\n  }).isRequired,\r\n  className: PropTypes.string,\r\n  useIconButton: PropTypes.bool,\r\n  icon: PropTypes.string,\r\n  disabled: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n  bookingProps: PropTypes.shape({\r\n    smartPageId: PropTypes.string,\r\n    availableBookingHours: PropTypes.arrayOf(PropTypes.shape({\r\n      day: PropTypes.string,\r\n      isOpenAllDay: PropTypes.bool,\r\n      timeSlots: PropTypes.arrayOf(PropTypes.shape({})),\r\n      isValid: PropTypes.bool,\r\n    })),\r\n    email: PropTypes.string,\r\n    landingLink: PropTypes.string,\r\n    businessName: PropTypes.string,\r\n  }).isRequired,\r\n  pilots: PropTypes.shape({}),\r\n  userLocale: PropTypes.string.isRequired,\r\n};\r\n\r\nUnStyledSmartActionButtonView.defaultProps = {\r\n  target: '',\r\n  id: undefined,\r\n  isFormLink: false,\r\n  className: '',\r\n  useIconButton: false,\r\n  icon: '',\r\n  disabled: false,\r\n  isEditMode: false,\r\n  pilots: {},\r\n};\r\n\r\nexport const SmartActionButtonView = withDefaultStyles(\r\n  UnStyledSmartActionButtonView,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\n\r\nimport { SmartActionButtonView } from './smart-action-button-view';\r\n\r\nconst getStyles = components => ({\r\n  container: {\r\n    ...components.section,\r\n  },\r\n  mainActionButton: {\r\n    borderRadius: 100,\r\n    height: 60,\r\n    padding: '15px 34px 15px 34px',\r\n    maxWidth: 360,\r\n    fontSize: 24,\r\n    lineHeight: '24px',\r\n    fontWeight: 700,\r\n  },\r\n});\r\n\r\nconst UnStyledSmartMainActionButtonView = (props) => {\r\n  const { classes, ...rest } = props;\r\n\r\n  return (\r\n    <div className={classes.container}>\r\n      <SmartActionButtonView {...rest} className={classNames(classes.mainActionButton, 'smart-page-main-action-button')} />\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartMainActionButtonView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string,\r\n  }).isRequired,\r\n};\r\n\r\nexport const SmartMainActionButtonView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartMainActionButtonView,\r\n  getStyles\r\n), 'componentMode');\r\n","import { identity, isUndefined } from 'underscore';\r\nimport {\r\n  getComponentById,\r\n  getDataSourceByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  isAndroid,\r\n  isIOS,\r\n} from '@bingads-webui-campaign-react/smart-page-util';\r\nimport { SmartActionButtonTypes } from './smart-action-types';\r\n\r\nexport const proxyReadFromCTAComponentConfig = (componentConfig) => {\r\n  if (!componentConfig) {\r\n    return { actionType: SmartActionButtonTypes.GetQuote.name };\r\n  }\r\n\r\n  return {\r\n    linkUrl: componentConfig.linkUrl,\r\n    linkText: componentConfig.linkText,\r\n    actionType: componentConfig.actionType || SmartActionButtonTypes.GetQuote.name,\r\n  };\r\n};\r\n\r\nconst androidPrefix = 'geo://?q=';\r\nconst iOSPrefix = 'http://maps.apple.com/?q=';\r\n\r\nconst formatUri = (prefix, uri) => (prefix + encodeURI(uri));\r\n\r\nexport const getIsUsedExternalLink = (componentConfig) => {\r\n  const { isExternalLink } = componentConfig;\r\n\r\n  // True and undefined are both regarded as isExternalLink\r\n  return isExternalLink || isUndefined(isExternalLink);\r\n};\r\n\r\nexport const getDirectionUri = (location) => {\r\n  const { uriPrefix } = SmartActionButtonTypes.GetDirections;\r\n\r\n  let directionUri = uriPrefix && location\r\n    ? formatUri(uriPrefix, location)\r\n    : '';\r\n\r\n  if (isAndroid()) {\r\n    directionUri = formatUri(androidPrefix, location);\r\n  } else if (isIOS()) {\r\n    directionUri = formatUri(iOSPrefix, location);\r\n  }\r\n\r\n  return directionUri;\r\n};\r\n\r\nexport const getActionButtonProps =\r\n  (siteConfig, id, overrideButtonConfig, useIconButton = false) => {\r\n    const componentConfig = overrideButtonConfig || getComponentById(siteConfig, id);\r\n    const { actionType } = proxyReadFromCTAComponentConfig(componentConfig);\r\n    const {\r\n      text,\r\n      uriPrefix,\r\n      dataSourceName,\r\n      editorLabel,\r\n      isTextEditable,\r\n      isLinkEditable,\r\n      isFormLink,\r\n      icon,\r\n      iconText,\r\n      operations = [],\r\n      readProcessor = identity,\r\n      writeProcessor = identity,\r\n      validator,\r\n    } = SmartActionButtonTypes[actionType];\r\n\r\n    const { linkUrl, linkText } = componentConfig;\r\n\r\n    const dataSourceValue = getDataSourceByKey(siteConfig, dataSourceName);\r\n    let targetUri = uriPrefix && dataSourceValue ?\r\n      formatUri(uriPrefix, dataSourceValue) :\r\n      '';\r\n\r\n    if (actionType === SmartActionButtonTypes.GetDirections.name) {\r\n      targetUri = getDirectionUri(dataSourceValue);\r\n    }\r\n\r\n    return {\r\n      id,\r\n      componentConfig,\r\n      actionType,\r\n      text: useIconButton && iconText ? iconText : text,\r\n      dataSourceName,\r\n      dataSourceValue,\r\n      editorLabel,\r\n      targetUri,\r\n      linkUrl,\r\n      linkText,\r\n      isTextEditable,\r\n      isLinkEditable,\r\n      isFormLink,\r\n      icon,\r\n      defaultLinkText: SmartActionButtonTypes.CustomLink.text,\r\n      operations,\r\n      readProcessor,\r\n      writeProcessor,\r\n      validator,\r\n    };\r\n  };\r\n","import _ from 'underscore';\r\nimport {\r\n  COMPONENT_TYPE_MAPPING,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getWebsiteSourceDataByKey,\r\n  getComponentByType,\r\n  mapWSDHoursToHours,\r\n  getDefaultHoursConfig,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\n/**\r\n * Read booking availability.\r\n * 1. Read from WebsiteSourceData.Appointment.AppointmentHours\r\n * 2. Fallback to Business Hours\r\n * 3. Fallback to default hours\r\n * @param {Object} siteConfig Complete site config\r\n * @returns {Array} Booking availability\r\n */\r\nexport const proxyReadHoursConfig = (siteConfig) => {\r\n  const defaultHours = getDefaultHoursConfig();\r\n\r\n  const appointment = getWebsiteSourceDataByKey(\r\n    siteConfig,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Appointment\r\n  ) || {};\r\n  const bookingHours = appointment.AppointmentHours || [];\r\n\r\n  // Business Hours may store in two places: Business Hours Component and Contact Component.\r\n  const bizHourConfig = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.BusinessHours);\r\n  const contactConfig = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.Contact);\r\n  let businessHours = _.propertyOf(bizHourConfig)(DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n  if (_.isEmpty(bizHourConfig)) {\r\n    businessHours = _.propertyOf(contactConfig)(DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n  }\r\n\r\n\r\n  let hours = defaultHours;\r\n  if (!_.isEmpty(bookingHours)) {\r\n    hours = mapWSDHoursToHours(bookingHours);\r\n  } else if (!_.isEmpty(businessHours)) {\r\n    hours = businessHours;\r\n  }\r\n\r\n  // Filter out \"Holidays\", not support holidays now.\r\n  hours = _.filter(hours, item => item.day !== 'holiday');\r\n\r\n  return hours;\r\n};\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport {\r\n  SiteConfigContext,\r\n  DataServiceContext,\r\n  useIsSmartPageBookAppointmentEnabled,\r\n  useCurrentLocale,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n  getWebsiteSourceDataByKey,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getTimeZoneOffset,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { MailService } from '@bingads-webui-campaign-react/smart-page-data-service';\r\n\r\nimport { SmartActionButtonView } from './smart-action-button-view';\r\nimport { SmartMainActionButtonView } from './smart-main-action-button-view';\r\nimport { getActionButtonProps, getIsUsedExternalLink } from './utils/get-action-button-props';\r\nimport { proxyReadHoursConfig } from './utils/proxy-read-hours-config';\r\n\r\nexport const SmartActionButtonConnector = ({\r\n  id,\r\n  overrideButtonConfig,\r\n  className,\r\n  useIconButton,\r\n  disabled,\r\n  isEditMode,\r\n}) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const i18n = useContext(I18nContext);\r\n  const { Urls: { SignOutUrl = null } = {} } = useContext(DataServiceContext);\r\n  const userLocale = useCurrentLocale();\r\n  const isSmartPageBookAppointmentEnabled = useIsSmartPageBookAppointmentEnabled();\r\n\r\n  const {\r\n    actionType,\r\n    text,\r\n    targetUri,\r\n    linkUrl,\r\n    linkText,\r\n    isFormLink,\r\n    icon,\r\n    componentConfig,\r\n  } = getActionButtonProps(siteConfig, id, overrideButtonConfig, useIconButton);\r\n  const emails = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.Emails, []);\r\n  const businessName = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessName, '');\r\n  const availableBookingHours = proxyReadHoursConfig(siteConfig);\r\n  const timeZoneId = getWebsiteSourceDataByKey(\r\n    siteConfig,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.TimeZoneId\r\n  );\r\n  const customerTimeZoneOffset = getTimeZoneOffset({ timeZoneId });\r\n  const smartPageId = siteConfig.id;\r\n  const landingLink = siteConfig.siteContextInfo ? siteConfig.siteContextInfo.sourceUrl : '';\r\n\r\n  const mailService = useMemo(() => MailService({\r\n    location: window.location,\r\n    customerName: businessName,\r\n    customerEmail: emails.length > 0 ? emails[0] : '',\r\n    signOutUrl: SignOutUrl,\r\n  }), [SignOutUrl, emails, businessName]);\r\n\r\n  const pilots = useMemo(() => ({\r\n    isSmartPageBookAppointmentEnabled,\r\n  }), [isSmartPageBookAppointmentEnabled]);\r\n\r\n  const bookingProps = useMemo(() => ({\r\n    smartPageId,\r\n    availableBookingHours,\r\n    landingLink,\r\n    email: emails.length > 0 ? emails[0] : '',\r\n    isExternalLink: getIsUsedExternalLink(componentConfig),\r\n    businessName,\r\n    customerTimeZoneOffset,\r\n  }), [\r\n    smartPageId, availableBookingHours, landingLink, emails,\r\n    componentConfig, businessName, customerTimeZoneOffset,\r\n  ]);\r\n\r\n  const Component = overrideButtonConfig ? SmartActionButtonView : SmartMainActionButtonView;\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Component\r\n        id={id}\r\n        className={className}\r\n        i18n={i18n}\r\n        icon={icon}\r\n        disabled={disabled}\r\n        actionType={actionType}\r\n        text={linkText || i18n.getString(text)}\r\n        target={linkUrl || targetUri}\r\n        useIconButton={useIconButton}\r\n        isFormLink={isFormLink}\r\n        isEditMode={isEditMode}\r\n        mailService={mailService}\r\n        bookingProps={bookingProps}\r\n        userLocale={userLocale}\r\n        pilots={pilots}\r\n      />\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nSmartActionButtonConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  overrideButtonConfig: PropTypes.shape({}),\r\n  className: PropTypes.string,\r\n  useIconButton: PropTypes.bool,\r\n  disabled: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartActionButtonConnector.defaultProps = {\r\n  overrideButtonConfig: null,\r\n  className: '',\r\n  useIconButton: false,\r\n  disabled: false,\r\n  isEditMode: false,\r\n};\r\n","import React, { useState, useContext, useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { SmartHoursEditor, TIMESPANS } from '@bingads-webui-campaign-react/smart-component-business-hours';\r\nimport { mapHoursToWSDFormat } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartBookingModal } from './booking-modal-base';\r\nimport { proxyReadHoursConfig } from '../utils/proxy-read-hours-config';\r\n\r\nconst getStyles = () => ({});\r\n\r\nconst modalStyle = {\r\n  main: {\r\n    height: '820px',\r\n  },\r\n};\r\n\r\nexport const UnStyledSmartBookingAvailabilityManagement = ({\r\n  i18n,\r\n  title,\r\n  actionButtonLabel,\r\n  onCloseModal,\r\n}) => {\r\n  const { siteConfig, dispatchSiteConfig } = useContext(SiteConfigContext);\r\n\r\n  // Don't change WSD each time, use state as the intermediate cache\r\n  const [bookingHours, setBookingHours] = useState(proxyReadHoursConfig(siteConfig));\r\n\r\n  const onTimeChange = useCallback((updatedHours) => {\r\n    setBookingHours(updatedHours);\r\n  }, []);\r\n\r\n  const triggerTimeChange = useCallback((updatedHours) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n      payload: {\r\n        name: 'Appointment',\r\n        value: {\r\n          AppointmentHours: mapHoursToWSDFormat(updatedHours),\r\n          Services: [],\r\n        },\r\n      },\r\n    });\r\n  }, [dispatchSiteConfig]);\r\n\r\n  const onClickSubmit = useCallback(() => {\r\n    triggerTimeChange(bookingHours);\r\n    onCloseModal();\r\n  }, [bookingHours, onCloseModal, triggerTimeChange]);\r\n\r\n  return (\r\n    <SmartBookingModal\r\n      isOpen\r\n      i18n={i18n}\r\n      className=\"availability-management-modal\"\r\n      title={title}\r\n      actionButtonLabel={actionButtonLabel}\r\n      modalStyle={modalStyle}\r\n      onClickFooterButton={onClickSubmit}\r\n      onCloseModal={onCloseModal}\r\n    >\r\n      <SmartHoursEditor\r\n        id=\"cta-booking-hours\"\r\n        i18n={i18n}\r\n        time={bookingHours}\r\n        onTimeChange={onTimeChange}\r\n        timeSpan={TIMESPANS.HALF_HOUR}\r\n        mode=\"inline\"\r\n      />\r\n    </SmartBookingModal>\r\n  );\r\n};\r\n\r\nUnStyledSmartBookingAvailabilityManagement.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  title: PropTypes.string.isRequired,\r\n  actionButtonLabel: PropTypes.string.isRequired,\r\n  onCloseModal: PropTypes.func.isRequired,\r\n};\r\n\r\nUnStyledSmartBookingAvailabilityManagement.defaultProps = {};\r\n\r\nexport const SmartBookingAvailabilityManagement = withDefaultStyles(\r\n  UnStyledSmartBookingAvailabilityManagement,\r\n  getStyles\r\n);\r\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport _ from 'underscore';\r\nimport { TextField, Link } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { validateText } from '@bingads-webui-campaign-react/smart-component-text';\r\n\r\nimport { getDurationOptions, messageMaxCount } from '../utils/booking-config';\r\nimport {\r\n  getTimeInfo,\r\n  getTimeOptions,\r\n  getDisplayedDuration,\r\n  getTimeInMinutes,\r\n  getTimeString,\r\n} from '../utils/get-available-timeslots';\r\nimport { BookingStepTime } from './booking-step-time';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    position: 'relative',\r\n    width: '100%',\r\n    padding: '20px 70px',\r\n\r\n    '& .input-message': {\r\n      marginTop: 13,\r\n    },\r\n  },\r\n  contact: {\r\n    marginBottom: 20,\r\n\r\n    '& .bold': {\r\n      fontWeight: 600,\r\n    },\r\n\r\n    '& .detail': {\r\n      lineHeight: '20px',\r\n    },\r\n  },\r\n  error: {\r\n    color: 'red',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n  },\r\n});\r\n\r\nconst textAreaStyle = {\r\n  fieldGroup: {\r\n    height: 134,\r\n  },\r\n};\r\n\r\nconst UnstyledAppointmentEdit = ({\r\n  classes,\r\n  i18n,\r\n  logger,\r\n  bookingDetail,\r\n  existingBookings,\r\n  appointmentHours,\r\n  submitFnRef,\r\n  updateAppointment,\r\n  customerTimeZoneOffset,\r\n  onFinished,\r\n}) => {\r\n  const {\r\n    id,\r\n    emailAddress,\r\n    name,\r\n    phoneNumber,\r\n    time,\r\n    timeInMinutes,\r\n    message,\r\n  } = bookingDetail;\r\n\r\n  const durationOptions = useMemo(() => getDurationOptions(i18n), [i18n]);\r\n  const { date, startTime } = useMemo(\r\n    () => getTimeInfo(time, customerTimeZoneOffset),\r\n    [time, customerTimeZoneOffset]\r\n  );\r\n\r\n  // Parse duration from timeInMinutes\r\n  const [duration, setDuration] = useState(getDisplayedDuration(timeInMinutes));\r\n  // Parse date from time\r\n  const [selectedDate, setSelectedDate] = useState(date);\r\n  const [selectedTime, setSelectedTime] = useState({ key: startTime, text: startTime });\r\n  // Available start time\r\n  const [availability, setAvailability] = useState([]);\r\n  const [extraMessage, setExtraMessage] = useState({ value: message, error: '' });\r\n  const [errorMessage, setErrorMessage] = useState('');\r\n\r\n  const onSelectDate = useCallback((newDate) => {\r\n    setSelectedDate(newDate);\r\n    // Clear the selected time\r\n    setSelectedTime({});\r\n    setErrorMessage('');\r\n  }, []);\r\n\r\n  const onSelectDuration = useCallback((e, item) => {\r\n    setDuration(item);\r\n    // Clear the selected time\r\n    setSelectedTime({});\r\n    setErrorMessage('');\r\n  }, []);\r\n\r\n  const onSelectTime = useCallback((newTime) => {\r\n    setSelectedTime(newTime);\r\n    setErrorMessage('');\r\n  }, []);\r\n\r\n  const onChangeExtraMessage = useCallback((e, newValue) => {\r\n    setExtraMessage({\r\n      value: newValue,\r\n      error: validateText(newValue, messageMaxCount, i18n).errorMessage,\r\n    });\r\n    setErrorMessage('');\r\n  }, [i18n]);\r\n\r\n  const onSubmit = () => {\r\n    // No change, just close the modal\r\n    if (\r\n      duration.key === getDisplayedDuration(timeInMinutes).key\r\n      && date.toString() === selectedDate.toString()\r\n      && startTime === selectedTime.key\r\n      && message === extraMessage.value\r\n    ) {\r\n      onFinished();\r\n      return;\r\n    }\r\n\r\n    // Validation\r\n    if (_.isEmpty(selectedTime)) {\r\n      setErrorMessage(i18n.getString(_TL_('Please select specific time')));\r\n      return;\r\n    } else if (extraMessage.error) {\r\n      return;\r\n    }\r\n\r\n    logger.logTrace('CTA|BookAppointment|EditAppointment');\r\n    // Submit change\r\n    updateAppointment({\r\n      ...bookingDetail,\r\n      time: getTimeString(selectedDate, selectedTime.key, customerTimeZoneOffset),\r\n      timeInMinutes: getTimeInMinutes(duration.key),\r\n      message: extraMessage.value,\r\n    }).then(() => {\r\n      onFinished();\r\n    }).catch((error) => {\r\n      setErrorMessage(error);\r\n\r\n      logger.logError('CTAError|BookAppointment|EditAppointment', error);\r\n      throw new Error(error);\r\n    });\r\n  };\r\n\r\n  // eslint-disable-next-line no-param-reassign\r\n  submitFnRef.current = onSubmit;\r\n\r\n  // Get available start time\r\n  useEffect(() => {\r\n    // Filter out current booking, so that the current one can be shown.\r\n    const filteredExistingBookings = existingBookings.filter(booking => booking.id !== id);\r\n\r\n    const availableStartTime = getTimeOptions(\r\n      appointmentHours,\r\n      filteredExistingBookings,\r\n      duration.key,\r\n      selectedDate,\r\n      customerTimeZoneOffset,\r\n      customerTimeZoneOffset\r\n    );\r\n\r\n    setAvailability(availableStartTime);\r\n  }, [appointmentHours, selectedDate, duration.key, existingBookings, id, customerTimeZoneOffset]);\r\n\r\n  return (\r\n    <div className={classes.container}>\r\n      <div className={classNames(classes.contact, 'contact-info')}>\r\n        <div className=\"bold\">{i18n.getString(_TL_('Customer contact information'))}</div>\r\n        <div className=\"detail\">\r\n          <div>{name}</div>\r\n          <div>{phoneNumber}</div>\r\n          <Link href={`mailto:${emailAddress}`} target=\"_blank\">\r\n            {emailAddress}\r\n          </Link>\r\n        </div>\r\n      </div>\r\n      <BookingStepTime\r\n        className=\"editing-booking-time\"\r\n        i18n={i18n}\r\n        availability={availability}\r\n        durationOptions={durationOptions}\r\n        selectedDuration={duration}\r\n        onSelectDuration={onSelectDuration}\r\n        selectedDate={selectedDate}\r\n        onSelectDate={onSelectDate}\r\n        selectedTime={selectedTime}\r\n        onSelectTime={onSelectTime}\r\n        timezoneOffset={customerTimeZoneOffset}\r\n      />\r\n      <TextField\r\n        className=\"input-message\"\r\n        label={i18n.getString(_TL_('Comments to customer'))}\r\n        placeholder={i18n.getString(_TL_('Tell your customer why you\\'re changing their appointment.'))}\r\n        value={extraMessage.value}\r\n        errorMessage={extraMessage.error}\r\n        onChange={onChangeExtraMessage}\r\n        resizable={false}\r\n        styles={textAreaStyle}\r\n        multiline\r\n      />\r\n      {\r\n        errorMessage && (\r\n          <div className={classNames(classes.error, 'edit-appointment-error')}>\r\n            <span>*{errorMessage}</span>\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledAppointmentEdit.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string,\r\n    contact: PropTypes.string,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  bookingDetail: PropTypes.shape({\r\n    id: PropTypes.string,\r\n    emailAddress: PropTypes.string,\r\n    name: PropTypes.string,\r\n    phoneNumber: PropTypes.string,\r\n    sequence: PropTypes.number,\r\n    message: PropTypes.string,\r\n    service: PropTypes.string,\r\n    status: PropTypes.string,\r\n    time: PropTypes.string,\r\n    timeInMinutes: PropTypes.number,\r\n  }).isRequired,\r\n  existingBookings: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n  appointmentHours: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n  customerTimeZoneOffset: PropTypes.number.isRequired,\r\n  updateAppointment: PropTypes.func.isRequired,\r\n  submitFnRef: PropTypes.shape({}).isRequired,\r\n  onFinished: PropTypes.func,\r\n  logger: PropTypes.shape({\r\n    logError: PropTypes.func,\r\n    logTrace: PropTypes.func,\r\n  }),\r\n};\r\n\r\nUnstyledAppointmentEdit.defaultProps = {\r\n  onFinished: _.noop,\r\n  logger: {\r\n    logError: _.noop,\r\n    logTrace: _.noop,\r\n  },\r\n};\r\n\r\nexport const AppointmentEdit = React.memo(withDefaultStyles(\r\n  UnstyledAppointmentEdit,\r\n  getStyles\r\n));\r\n","import React, { useState, useCallback, useMemo, useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport classNames from 'classnames';\r\nimport { DetailsList, SelectionMode, IconButton, Spinner } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useConfirmDialog } from '@bingads-webui-campaign-react/common-hooks';\r\n\r\nimport { getColumns } from '../utils/booking-config';\r\nimport { SmartBookingModal } from './booking-modal-base';\r\nimport { AppointmentEdit } from './edit-appoinment';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    width: '100%',\r\n    position: 'relative',\r\n  },\r\n  listContainer: {\r\n    height: '100%',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n\r\n    '& .ms-DetailsList-headerWrapper .ms-DetailsHeader': {\r\n      borderBottom: 'none',\r\n    },\r\n\r\n    '& .ms-Spinner, .empty-message': {\r\n      position: 'absolute',\r\n      top: '50%',\r\n      left: '50%',\r\n      transform: 'translate(-50%, -50%)',\r\n    },\r\n\r\n    '& .list-header': {\r\n      height: '84px',\r\n      lineHeight: '84px',\r\n      fontSize: 20,\r\n      fontWeight: 600,\r\n      margin: 0,\r\n    },\r\n\r\n    '& .list-content': {\r\n      minHeight: 60,\r\n      flex: 1,\r\n    },\r\n  },\r\n  columnCell: {\r\n    borderRight: '1px solid #F3F2F1',\r\n    whiteSpace: 'normal',\r\n    fontSize: 14,\r\n\r\n    '&:last-child': {\r\n      borderRight: 'none',\r\n    },\r\n  },\r\n  topBottomBorder: {\r\n    borderTop: '1px solid #979797',\r\n    borderBottom: '1px solid #979797',\r\n  },\r\n  editingHeader: {\r\n    width: '100%',\r\n    paddingLeft: 32,\r\n    lineHeight: '65px',\r\n    fontWeight: 600,\r\n\r\n    '& .back-to-list': {\r\n      fontSize: 20,\r\n      height: 65,\r\n\r\n      '& button': {\r\n        color: 'black',\r\n        marginRight: 10,\r\n      },\r\n    },\r\n\r\n    '& .title': {\r\n      fontSize: 24,\r\n      height: 65,\r\n      textAlign: 'center',\r\n    },\r\n  },\r\n});\r\n\r\nconst editingModalStyle = {\r\n  main: {\r\n    width: '590px',\r\n    height: '950px',\r\n  },\r\n};\r\n\r\nconst backIcon = { iconName: 'Back' };\r\n\r\nexport const UnStyledSmartAppointmentManagement = ({\r\n  i18n,\r\n  logger,\r\n  classes,\r\n  className,\r\n  title,\r\n  customerEmailAddress,\r\n  customerTimeZoneOffset,\r\n  appointmentHours,\r\n  userLocale,\r\n  smartPageId,\r\n  businessName,\r\n  smartPageService,\r\n  onInternalModalChange,\r\n  modalStyle,\r\n  // whethe to show \"go back apponintments\"\r\n  showBack,\r\n}) => {\r\n  const submitFnRef = useRef(null);\r\n\r\n  const [isEditingModalVisible, setIsEditingModalVisible] = useState(false);\r\n  const [shouldFetchBookings, setShouldFetchBookings] = useState(true);\r\n  const [isFetchBookings, setIsFetchBookings] = useState(false);\r\n  const [isUpdateBooking, setIsUpdateBooking] = useState(false);\r\n\r\n  const [existingBookings, setExistingBookings] = useState([]);\r\n  const [editingItem, setEditingItem] = useState({});\r\n\r\n  // Update specific appointment\r\n  const upsertSmartPageBookings = useCallback((bookingDetail) => {\r\n    const {\r\n      protocol,\r\n      host,\r\n      pathname,\r\n    } = window.location;\r\n\r\n    const parameters = {\r\n      manageAppointmentLink: `${protocol}//${host}${pathname}`,\r\n      customerEmailAddress,\r\n      smartPageId,\r\n      bookingDetail,\r\n      businessName,\r\n      customerTimeZoneOffset,\r\n      userLocale,\r\n    };\r\n\r\n    setIsUpdateBooking(true);\r\n    logger.logTrace('CTA|BookAppointment|UpdateAppointment');\r\n\r\n    return smartPageService.upsertSmartPageBookings(parameters)\r\n      .then((res) => {\r\n        setShouldFetchBookings(true);\r\n\r\n        return res;\r\n      }).catch((err) => {\r\n        const errorMessage = (err && err.body && err.body.value)\r\n          || i18n.getString(_TL_('Request failed, please try later.'));\r\n\r\n        logger.logError('CTAError|BookAppointment|UpdateAppointment', err);\r\n        throw errorMessage;\r\n      }).finally(() => {\r\n        setIsUpdateBooking(false);\r\n      });\r\n  }, [\r\n    smartPageService, smartPageId, logger, customerEmailAddress,\r\n    businessName, i18n, customerTimeZoneOffset, userLocale,\r\n  ]);\r\n\r\n  // Handler for clicking cancel appointment button in confirm dialog\r\n  const onConfirmCancelAppointment = useCallback(() => {\r\n    logger.logTrace('CTA|BookAppointment|CancelAppointment');\r\n\r\n    upsertSmartPageBookings({\r\n      ...editingItem,\r\n      status: 'Deleted',\r\n    }).then(() => {\r\n      // Refetch the data to update the list\r\n      setShouldFetchBookings(true);\r\n    }).catch((error) => {\r\n      logger.logError('CTAError|BookAppointment|CancelAppointment', error);\r\n\r\n      throw new Error(error);\r\n    });\r\n  }, [editingItem, logger, upsertSmartPageBookings]);\r\n\r\n  const [\r\n    cancelAppointmentDialog,\r\n    showCancelAppointmentDialog,\r\n    isCancelAppointmentDialogVisible,\r\n  ] = useConfirmDialog({\r\n    title: i18n.getString(_TL_('Are you sure you want to cancel this appointment?')),\r\n    content: i18n.getString(_TL_('If you cancel, we\\'ll email the customer who booked the appointment informing them of the cancellation.')),\r\n    confirmText: i18n.getString(_TL_('Cancel appointment')),\r\n    onConfirm: onConfirmCancelAppointment,\r\n    cancelText: i18n.getString(_TL_('Go back')),\r\n    onCancel: _.noop,\r\n    className: 'smart-page-booking-cancel-dialog',\r\n  });\r\n\r\n  // Handler for clicking \"Edit Appointment\"\r\n  const onEditAppointment = useCallback((item) => {\r\n    setEditingItem(item);\r\n    setIsEditingModalVisible(true);\r\n    onInternalModalChange({ isOpen: true });\r\n  }, [onInternalModalChange]);\r\n\r\n  // Handler for click \"Cancel the appointment\"\r\n  const onCancelAppointment = useCallback((item) => {\r\n    setEditingItem(item);\r\n    showCancelAppointmentDialog();\r\n  }, [showCancelAppointmentDialog]);\r\n\r\n  const onCloseModalInternal = useCallback((e, shouldCloseAllModal) => {\r\n    setIsEditingModalVisible(false);\r\n    onInternalModalChange({ isOpen: false, shouldCloseAllModal });\r\n  }, [onInternalModalChange]);\r\n\r\n  // Handler for clicking \"submit\" button\r\n  const onSubmit = useCallback(() => {\r\n    if (_.isFunction(submitFnRef.current)) {\r\n      submitFnRef.current();\r\n    }\r\n  }, []);\r\n\r\n  const onRenderHeader = useCallback(() => (\r\n    <div className={classes.editingHeader}>\r\n      {\r\n        showBack && (\r\n          <div className=\"back-to-list\">\r\n            <IconButton\r\n              iconProps={backIcon}\r\n              onClick={onCloseModalInternal}\r\n              ariaLabel={i18n.getString(_TL_('Back to appointments'))}\r\n            />\r\n            <span>{i18n.getString(_TL_('Back to appointments'))}</span>\r\n          </div>\r\n        )\r\n      }\r\n      <div className=\"title\">{i18n.getString(_TL_('Edit appointment'))}</div>\r\n    </div>\r\n  ), [classes, onCloseModalInternal, i18n, showBack]);\r\n\r\n  // DetailList columns config\r\n  const columns = useMemo(() => getColumns({\r\n    i18n,\r\n    classes,\r\n    onEditAppointment,\r\n    onCancelAppointment,\r\n    currentTime: new Date(),\r\n    timeZoneOffset: customerTimeZoneOffset,\r\n  }), [classes, i18n, onEditAppointment, onCancelAppointment, customerTimeZoneOffset]);\r\n\r\n  const bookingList = useMemo(() => {\r\n    if (isFetchBookings || isUpdateBooking) {\r\n      return <Spinner label={i18n.getString(_TL_('Loading'))} />;\r\n    }\r\n\r\n    if (_.isEmpty(existingBookings)) {\r\n      return <div className=\"empty-message\">{i18n.getString(_TL_('No upcoming bookings.'))}</div>;\r\n    }\r\n\r\n    return (\r\n      <div className=\"existing-bookings-detail-list\">\r\n        <DetailsList\r\n          columns={columns}\r\n          items={existingBookings}\r\n          selectionMode={SelectionMode.none}\r\n        />\r\n      </div>\r\n    );\r\n  }, [columns, existingBookings, i18n, isFetchBookings, isUpdateBooking]);\r\n\r\n  useEffect(() => {\r\n    if (shouldFetchBookings && smartPageId) {\r\n      setIsFetchBookings(true);\r\n      logger.logTrace('CTA|BookAppointment|FetchExistingBookings');\r\n\r\n      smartPageService.getExistingBookings(smartPageId).then((val) => {\r\n        setExistingBookings(val);\r\n      }).catch((error) => {\r\n        logger.logError('CTAError|BookAppointment|FetchExistingBookings', error);\r\n        throw new Error(error);\r\n      }).finally(() => {\r\n        setShouldFetchBookings(false);\r\n        setIsFetchBookings(false);\r\n      });\r\n    }\r\n  }, [shouldFetchBookings, smartPageId, smartPageService, logger]);\r\n\r\n  const containerClassName = classNames(\r\n    className,\r\n    classes.container,\r\n    'appointment-management-container'\r\n  );\r\n\r\n  return (\r\n    <div className={containerClassName}>\r\n      <div className={classNames(classes.listContainer, 'list-container')}>\r\n        <h2 className=\"list-header\">{i18n.getString(title)}</h2>\r\n        <div className=\"list-content\">{bookingList}</div>\r\n      </div>\r\n      {\r\n        isEditingModalVisible && (\r\n          <SmartBookingModal\r\n            isOpen\r\n            className=\"editing-booking-modal\"\r\n            i18n={i18n}\r\n            isLoading={isUpdateBooking}\r\n            actionButtonLabel={i18n.getString(_TL_('Update appointment'))}\r\n            onRenderHeader={onRenderHeader}\r\n            onCloseModal={e => onCloseModalInternal(e, true)}\r\n            onClickFooterButton={onSubmit}\r\n            modalStyle={modalStyle}\r\n          >\r\n            <AppointmentEdit\r\n              i18n={i18n}\r\n              logger={logger}\r\n              smartPageId={smartPageId}\r\n              submitFnRef={submitFnRef}\r\n              bookingDetail={editingItem}\r\n              existingBookings={existingBookings}\r\n              appointmentHours={appointmentHours}\r\n              customerTimeZoneOffset={customerTimeZoneOffset}\r\n              updateAppointment={upsertSmartPageBookings}\r\n              onFinished={onCloseModalInternal}\r\n            />\r\n          </SmartBookingModal>\r\n        )\r\n      }\r\n      { isCancelAppointmentDialogVisible && cancelAppointmentDialog }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartAppointmentManagement.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    listContainer: PropTypes.string.isRequired,\r\n    container: PropTypes.string.isRequired,\r\n    editingHeader: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  className: PropTypes.string,\r\n  onInternalModalChange: PropTypes.func,\r\n  logger: PropTypes.shape({\r\n    logError: PropTypes.func,\r\n    logTrace: PropTypes.func,\r\n  }),\r\n  title: PropTypes.string.isRequired,\r\n  appointmentHours: PropTypes.arrayOf(PropTypes.shape({\r\n    day: PropTypes.string,\r\n    isOpenAllDay: PropTypes.bool,\r\n    timeSlots: PropTypes.arrayOf(PropTypes.shape({})),\r\n    isValid: PropTypes.bool,\r\n  })).isRequired,\r\n  userLocale: PropTypes.string.isRequired,\r\n  smartPageId: PropTypes.string.isRequired,\r\n  smartPageService: PropTypes.shape({}).isRequired,\r\n  customerEmailAddress: PropTypes.string.isRequired,\r\n  customerTimeZoneOffset: PropTypes.number.isRequired,\r\n  businessName: PropTypes.string.isRequired,\r\n  modalStyle: PropTypes.shape({}),\r\n  showBack: PropTypes.bool,\r\n};\r\n\r\nUnStyledSmartAppointmentManagement.defaultProps = {\r\n  logger: {\r\n    logError: _.noop,\r\n    logTrace: _.noop,\r\n  },\r\n  className: '',\r\n  onInternalModalChange: _.noop,\r\n  modalStyle: editingModalStyle,\r\n  showBack: true,\r\n};\r\n\r\nexport const SmartAppointmentManagement = React.memo(withDefaultStyles(\r\n  UnStyledSmartAppointmentManagement,\r\n  getStyles\r\n));\r\n","import React, { useCallback, useContext, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  SiteConfigContext,\r\n  DataServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKeys,\r\n  getWebsiteSourceDataByKey,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getTimeZoneOffset\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { proxyReadHoursConfig } from '../utils/proxy-read-hours-config';\r\nimport { SmartBookingModal } from './booking-modal-base';\r\nimport { SmartAppointmentManagement } from './appointment-management';\r\n\r\nconst getStyles = () => ({\r\n  content: {\r\n    padding: '0 27px 20px',\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartAppointmentManagementWrapper = ({\r\n  classes,\r\n  i18n,\r\n  logger,\r\n  title,\r\n  onCloseModal,\r\n}) => {\r\n  const { smartPageService } = useContext(DataServiceContext);\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n\r\n  const [isModalVisible, setIsModalVisible] = useState(true);\r\n\r\n  const modalStyle = useMemo(() => ({\r\n    main: {\r\n      width: '1075px',\r\n      height: '480px',\r\n      visibility: isModalVisible ? 'visible' : 'hidden',\r\n    },\r\n  }), [isModalVisible]);\r\n\r\n  const onInternalModalChange = useCallback(({ isOpen, shouldCloseAllModal }) => {\r\n    setIsModalVisible(!isOpen);\r\n\r\n    if (shouldCloseAllModal) {\r\n      onCloseModal();\r\n    }\r\n  }, [onCloseModal]);\r\n\r\n  const appointmentHours = proxyReadHoursConfig(siteConfig);\r\n  const smartPageId = siteConfig.id;\r\n  const timeZoneId = getWebsiteSourceDataByKey(\r\n    siteConfig,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.TimeZoneId\r\n  );\r\n  const [emailAddress, businessName] = getDataSourceByKeys(\r\n    siteConfig,\r\n    [DATA_SOURCE_KEY_MAPPING.Emails, DATA_SOURCE_KEY_MAPPING.BusinessName],\r\n    ['', '']\r\n  );\r\n  const customerEmailAddress = _.isArray(emailAddress) ? emailAddress[0] : emailAddress;\r\n  const customerTimeZoneOffset = getTimeZoneOffset({ timeZoneId });\r\n  // User locale should be \"language + region\", don't use \"useCurrentLocale\" as it might return \"en\"\r\n  // which is invalid for a standard locale\r\n  const userLocale = getWebsiteSourceDataByKey(\r\n    siteConfig,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Localization\r\n  ) || 'en-us';\r\n\r\n  return (\r\n    <SmartBookingModal\r\n      isOpen\r\n      hideHeader\r\n      hideFooter\r\n      className=\"appointment-management-modal\"\r\n      i18n={i18n}\r\n      onCloseModal={onCloseModal}\r\n      modalStyle={modalStyle}\r\n    >\r\n      <SmartAppointmentManagement\r\n        className={classes.content}\r\n        i18n={i18n}\r\n        logger={logger}\r\n        title={title}\r\n        customerEmailAddress={customerEmailAddress}\r\n        customerTimeZoneOffset={customerTimeZoneOffset}\r\n        appointmentHours={appointmentHours}\r\n        businessName={businessName}\r\n        userLocale={userLocale}\r\n        smartPageId={smartPageId}\r\n        smartPageService={smartPageService}\r\n        onInternalModalChange={onInternalModalChange}\r\n      />\r\n    </SmartBookingModal>\r\n  );\r\n};\r\n\r\nUnStyledSmartAppointmentManagementWrapper.propTypes = {\r\n  classes: PropTypes.shape({\r\n    content: PropTypes.string,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  title: PropTypes.string.isRequired,\r\n  onCloseModal: PropTypes.func.isRequired,\r\n  logger: PropTypes.shape({\r\n    logError: PropTypes.func,\r\n    logTrace: PropTypes.func,\r\n  }),\r\n};\r\n\r\nUnStyledSmartAppointmentManagementWrapper.defaultProps = {\r\n  logger: {\r\n    logError: _.noop,\r\n    logTrace: _.noop,\r\n  },\r\n};\r\n\r\nexport const SmartAppointmentManagementWrapper = withDefaultStyles(\r\n  UnStyledSmartAppointmentManagementWrapper,\r\n  getStyles\r\n);\r\n","/* eslint-disable react/prop-types */\r\nimport React, { useState, useCallback, useMemo } from 'react';\r\nimport classNames from 'classnames';\r\nimport { isEmpty, contains, map } from 'underscore';\r\nimport { TextField, Toggle } from '@fluentui/react';\r\nimport { SmartPhoneNumberEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport { useMobileSupportEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  isValidUrl,\r\n  prependProtocolToUrl,\r\n  validateEmailAddress,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport {\r\n  SmartActionButtonTypes,\r\n  EMAIL_ACTION_TYPES,\r\n  BOOKING_OPERATIONS,\r\n} from './utils/smart-action-types';\r\nimport { getIsUsedExternalLink } from './utils/get-action-button-props';\r\nimport { EmailForm } from './components/email-form';\r\nimport { SmartBookingAvailabilityManagement } from './components/availability-management';\r\nimport { SmartAppointmentManagementWrapper as SmartAppointmentManagement } from './components/appointment-management-wrapper';\r\n\r\n// Smart Phone Editor\r\nconst PhoneEditor = ({\r\n  i18n,\r\n  classes,\r\n}) => useMemo(() => (\r\n  <div className={classes.group}>\r\n    <SmartPhoneNumberEditor\r\n      className=\"smart-action-button-phone-input\"\r\n      i18n={i18n}\r\n      dataSourceName={DATA_SOURCE_KEY_MAPPING.PhoneNumber}\r\n    />\r\n  </div>\r\n), [classes.group, i18n]);\r\n\r\n// Editor for those value come from DataSource\r\nconst DataSourceFieldEditor = ({\r\n  classes,\r\n  selectedActionType,\r\n  editorLabel,\r\n  dataSourceValue,\r\n  readProcessor,\r\n  writeProcessor,\r\n  dispatchSiteConfig,\r\n  validateInput,\r\n}) => {\r\n  const value = readProcessor(dataSourceValue);\r\n\r\n  const dispatchDataSourceChange = useCallback((action, newValue) => {\r\n    const { dataSourceName } = SmartActionButtonTypes[action];\r\n    const formattedValue = writeProcessor(newValue);\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_DATASOURCE_BY_NAME',\r\n      payload: {\r\n        name: dataSourceName,\r\n        value: formattedValue,\r\n      },\r\n    });\r\n  }, [dispatchSiteConfig, writeProcessor]);\r\n\r\n  const onDataSourceChange = useCallback((e, val) => {\r\n    dispatchDataSourceChange(selectedActionType.key, val);\r\n  }, [dispatchDataSourceChange, selectedActionType.key]);\r\n\r\n  return useMemo(() => (\r\n    <div className={classes.group}>\r\n      <TextField\r\n        className=\"smart-action-button-data-source-input\"\r\n        label={editorLabel}\r\n        value={value}\r\n        onChange={onDataSourceChange}\r\n        onGetErrorMessage={validateInput}\r\n      />\r\n    </div>\r\n  ), [classes.group, editorLabel, onDataSourceChange, validateInput, value]);\r\n};\r\n\r\nconst LinkTextEditor = ({\r\n  classes,\r\n  i18n,\r\n  linkText,\r\n  validateInput,\r\n  componentConfig,\r\n  dispatchSiteConfig,\r\n}) => {\r\n  const onLinkTextChange = useCallback((e, val) => {\r\n    const newComponentConfig = {\r\n      ...componentConfig,\r\n      linkText: val,\r\n    };\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: newComponentConfig,\r\n    });\r\n  }, [componentConfig, dispatchSiteConfig]);\r\n\r\n  return useMemo(() => (\r\n    <div className={classes.group}>\r\n      <TextField\r\n        className=\"smart-action-button-text-input\"\r\n        label={i18n.getString(_TL_('Button text'))}\r\n        value={linkText}\r\n        onChange={onLinkTextChange}\r\n        onGetErrorMessage={validateInput}\r\n      />\r\n    </div>\r\n  ), [classes.group, i18n, linkText, onLinkTextChange, validateInput]);\r\n};\r\n\r\nconst LinkUrlEditor = ({\r\n  classes,\r\n  i18n,\r\n  linkUrl,\r\n  hideLabel,\r\n  ariaLabel,\r\n  componentConfig,\r\n  dispatchSiteConfig,\r\n}) => {\r\n  const validateLink = useCallback((val) => {\r\n    if (isValidUrl(val)) {\r\n      return '';\r\n    }\r\n    return i18n.getString(_TL_('Invalid link'));\r\n  }, [i18n]);\r\n\r\n  const onLinkUrlChange = useCallback((e, val) => {\r\n    const newComponentConfig = {\r\n      ...componentConfig,\r\n      linkUrl: val,\r\n    };\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: newComponentConfig,\r\n    });\r\n  }, [componentConfig, dispatchSiteConfig]);\r\n\r\n  const onLinkUrlBlur = useCallback((e) => {\r\n    onLinkUrlChange(e, prependProtocolToUrl(linkUrl));\r\n  }, [linkUrl, onLinkUrlChange]);\r\n\r\n  const label = hideLabel ? '' : i18n.getString(_TL_('Link'));\r\n  const className = hideLabel ? '' : classes.group;\r\n\r\n  return useMemo(() => (\r\n    <div className={className}>\r\n      <TextField\r\n        className=\"smart-action-button-url-input\"\r\n        label={label}\r\n        placeholder=\"http://link\"\r\n        value={linkUrl}\r\n        ariaLabel={label || ariaLabel}\r\n        onChange={onLinkUrlChange}\r\n        onGetErrorMessage={validateLink}\r\n        onBlur={onLinkUrlBlur}\r\n      />\r\n    </div>\r\n  ), [className, label, linkUrl, onLinkUrlChange, validateLink, onLinkUrlBlur, ariaLabel]);\r\n};\r\n\r\nconst PreviewForm = ({\r\n  classes,\r\n  i18n,\r\n  selectedActionType,\r\n}) => {\r\n  const [hideDialog, setHideDialog] = useState(true);\r\n  const [showWarning, setShowWarning] = useState(false);\r\n  const [requestSent, setRequestSent] = useState(false);\r\n  const isMobile = useMobileSupportEnabled();\r\n\r\n  const openDialog = useCallback(() => {\r\n    setHideDialog(prev => (prev ? false : prev));\r\n  }, []);\r\n\r\n  const onSubmitForm = useCallback(() => {\r\n    setShowWarning(true);\r\n    setRequestSent(true);\r\n  }, []);\r\n\r\n  const onCancelForm = useCallback(() => {\r\n    setShowWarning(false);\r\n    setRequestSent(false);\r\n    setHideDialog(true);\r\n  }, []);\r\n\r\n  const formContent = useMemo(() => (\r\n    <div className={classes.group}>\r\n      <button\r\n        className={classNames(classes.previewLink, 'preview-link')}\r\n        onClick={openDialog}\r\n      >\r\n        {i18n.getString(_TL_('Preview form'))}\r\n      </button>\r\n      <EmailForm\r\n        title={selectedActionType.text}\r\n        hideDialog={hideDialog}\r\n        showError={false}\r\n        showWarning={showWarning}\r\n        requestSent={requestSent}\r\n        onSubmit={onSubmitForm}\r\n        onCancel={onCancelForm}\r\n        i18n={i18n}\r\n      />\r\n    </div>\r\n  ), [\r\n    classes.group, classes.previewLink, hideDialog, i18n,\r\n    onCancelForm, onSubmitForm, openDialog, selectedActionType.text,\r\n    showWarning,\r\n  ]);\r\n\r\n  if (isMobile) {\r\n    return null;\r\n  }\r\n\r\n  return formContent;\r\n};\r\n\r\nconst BookingOperations = ({\r\n  i18n,\r\n  classes,\r\n  operations,\r\n  logger,\r\n}) => {\r\n  const [isBookingModalOpen, setIsBookingModalOpen] = useState(false);\r\n  const [\r\n    bookingOperation,\r\n    setBookingOperation,\r\n  ] = useState(SmartActionButtonTypes.BookAppointment.operations[0]);\r\n\r\n  const onOpenBookingModal = useCallback((e, index) => {\r\n    setIsBookingModalOpen(true);\r\n\r\n    const selectedBookingOperation = operations[index];\r\n    setBookingOperation(selectedBookingOperation);\r\n  }, [operations]);\r\n\r\n  const onCloseBookingModal = useCallback(() => {\r\n    setIsBookingModalOpen(false);\r\n  }, []);\r\n\r\n  const showAvailabilityManagement = isBookingModalOpen\r\n    && bookingOperation.key === BOOKING_OPERATIONS.availability;\r\n  const showAppointmentManagement = isBookingModalOpen\r\n    && bookingOperation.key === BOOKING_OPERATIONS.appointment;\r\n\r\n  return useMemo(() => (\r\n    <div>\r\n      {\r\n        operations.map(({ linkText }, index) => (\r\n          <div className={classes.group} key={linkText}>\r\n            <button\r\n              className={classNames(classes.previewLink, 'booking-link')}\r\n              onClick={e => onOpenBookingModal(e, index)}\r\n            >\r\n              {i18n.getString(linkText)}\r\n            </button>\r\n          </div>\r\n        ))\r\n      }\r\n      {\r\n        showAvailabilityManagement && (\r\n          <SmartBookingAvailabilityManagement\r\n            i18n={i18n}\r\n            title={bookingOperation.title}\r\n            actionButtonLabel={bookingOperation.action}\r\n            onCloseModal={onCloseBookingModal}\r\n          />\r\n        )\r\n      }\r\n      {\r\n        showAppointmentManagement && (\r\n          <SmartAppointmentManagement\r\n            i18n={i18n}\r\n            logger={logger}\r\n            title={bookingOperation.title}\r\n            onCloseModal={onCloseBookingModal}\r\n          />\r\n        )\r\n      }\r\n    </div>\r\n  ), [\r\n    bookingOperation, classes.group, classes.previewLink, showAppointmentManagement,\r\n    showAvailabilityManagement, i18n, onCloseBookingModal, onOpenBookingModal,\r\n    operations, logger,\r\n  ]);\r\n};\r\n\r\nconst BookingAppointment = (props) => {\r\n  const {\r\n    i18n,\r\n    pilots,\r\n    componentConfig,\r\n    dispatchSiteConfig,\r\n  } = props;\r\n\r\n  // Legacy users: isExternalLinkUsed === undefined, regard them as isExternalLinkUsed.\r\n  // So only isExternalLinkUsed === false we should set the toggle off.\r\n  const [\r\n    isExternalLinkUsed,\r\n    setIsExternalLinkUsed,\r\n  ] = useState(getIsUsedExternalLink(componentConfig));\r\n  const isMobile = useMobileSupportEnabled();\r\n\r\n  const label = i18n.getString(_TL_('Use an external booking website'));\r\n\r\n  const onToggleChange = useCallback((e, checked) => {\r\n    setIsExternalLinkUsed(checked);\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: {\r\n        ...componentConfig,\r\n        isExternalLink: checked,\r\n        // Clear the linkUrl\r\n        linkUrl: '',\r\n      },\r\n    });\r\n  }, [componentConfig, dispatchSiteConfig]);\r\n\r\n  if (!pilots.isSmartPageBookAppointmentEnabled) {\r\n    return <LinkUrlEditor {...props} />;\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <DataSourceFieldEditor {...props} />\r\n      {\r\n        !isMobile && !isExternalLinkUsed && <BookingOperations {...props} />\r\n      }\r\n      <div className=\"link-url-editor\">\r\n        <Toggle\r\n          checked={isExternalLinkUsed}\r\n          label={label}\r\n          onChange={onToggleChange}\r\n          inlineLabel\r\n        />\r\n        {\r\n          isExternalLinkUsed && <LinkUrlEditor {...props} hideLabel ariaLabel={label} />\r\n        }\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nconst actionTypeToEditorMapping = {\r\n  [SmartActionButtonTypes.CallNow.name]: [PhoneEditor],\r\n  [SmartActionButtonTypes.SendMail.name]: [DataSourceFieldEditor],\r\n  [SmartActionButtonTypes.GetQuote.name]: [DataSourceFieldEditor, PreviewForm],\r\n  [SmartActionButtonTypes.ContactUs.name]: [DataSourceFieldEditor, PreviewForm],\r\n  [SmartActionButtonTypes.CustomLink.name]: [LinkTextEditor, LinkUrlEditor],\r\n  [SmartActionButtonTypes.BookAppointment.name]: [BookingAppointment],\r\n};\r\n\r\nexport const ActionCustomEditor = (props) => {\r\n  const {\r\n    i18n,\r\n    selectedActionType,\r\n  } = props;\r\n\r\n  const validateInput = useCallback((val) => {\r\n    if (contains(EMAIL_ACTION_TYPES, selectedActionType.key) &&\r\n      !validateEmailAddress(val)) {\r\n      return i18n.getString(_TL_('Invalid email address.'));\r\n    }\r\n\r\n    if (isEmpty(val)) {\r\n      return i18n.getString(_TL_('Cannot be empty.'));\r\n    }\r\n\r\n    return '';\r\n  }, [i18n, selectedActionType.key]);\r\n\r\n  const customEditors = actionTypeToEditorMapping[selectedActionType.key];\r\n\r\n  if (isEmpty(customEditors)) {\r\n    return null;\r\n  }\r\n\r\n  return map(customEditors, CustomEditor => (\r\n    <CustomEditor validateInput={validateInput} {...props} key={CustomEditor.name} />\r\n  ));\r\n};\r\n","/**\r\n * @file Smart Page Action Button Editor\r\n * @description Action button related info is stored in both Datasource and\r\n * ComponentConfig of SiteConfig.\r\n * Check \"getUpdatedComponentConfigByType\" to see the data structure\r\n */\r\nimport { find } from 'underscore';\r\nimport React, { useContext, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { Dropdown } from '@fluentui/react/lib/Dropdown';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  SiteConfigContext,\r\n  InstrumentationServiceContext,\r\n  useAllPilots,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  preventEventPropagation\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { ActionCustomEditor } from './action-custom-editor';\r\nimport { getActionButtonProps } from './utils/get-action-button-props';\r\nimport {\r\n  getUpdatedComponentConfigByType,\r\n  getActionOptions,\r\n} from './utils/smart-action-types';\r\n\r\nconst getStyles = () => ({\r\n  group: {\r\n    margin: '20px 0px',\r\n  },\r\n  previewLink: {\r\n    color: '#0063B1',\r\n    background: 'none',\r\n    border: 'none',\r\n    paddingLeft: 0,\r\n  },\r\n  actionTitle: {\r\n    display: 'flex',\r\n  },\r\n});\r\n\r\n// calloutProps are used to render inline Dropdown list.\r\nconst accessibilityProps = {\r\n  calloutProps: { doNotLayer: true },\r\n  styles: { callout: { zIndex: 1 } },\r\n};\r\n\r\nexport const UnstyledSmartActionButtonEditor = ({\r\n  classes,\r\n  i18n,\r\n  componentId,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n  const pilots = useAllPilots();\r\n\r\n  const logger = useContext(InstrumentationServiceContext);\r\n  const { siteConfig, dispatchSiteConfig } = useContext(SiteConfigContext);\r\n\r\n  const options = useMemo(() => getActionOptions(i18n), [i18n]);\r\n\r\n  const ctaLabel = i18n.getString(_TL_('Customer action button'));\r\n\r\n  const actionButtonProps = getActionButtonProps(siteConfig, componentId);\r\n  const {\r\n    componentConfig,\r\n    actionType,\r\n  } = actionButtonProps;\r\n\r\n  const [selectedActionType, setSelectedActionType] = useState(find(\r\n    options,\r\n    item => item.key === actionType\r\n  ));\r\n\r\n  // Callback for selecting an option.\r\n  const onActionTypeChange = (e, option) => {\r\n    preventEventPropagation(e, false);\r\n\r\n    const newComponentConfig = getUpdatedComponentConfigByType(\r\n      option.key,\r\n      componentConfig,\r\n      i18n,\r\n      pilots\r\n    );\r\n\r\n    setSelectedActionType(option);\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: newComponentConfig,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className=\"smart-action-button-editor\" >\r\n      <h2 className={classNames(classes.actionTitle, titleClassName)}>\r\n        {ctaLabel}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Select the primary action you want customers to take on your website.'))}\r\n      </div>\r\n      <div className={editorContentClassName}>\r\n        <Dropdown\r\n          className=\"smart-action-button-type-dropdown\"\r\n          selectedKey={selectedActionType ? selectedActionType.key : undefined}\r\n          label={i18n.getString(_TL_('Customer action'))}\r\n          placeholder={i18n.getString(_TL_('Select customer action button'))}\r\n          options={options}\r\n          onChange={onActionTypeChange}\r\n          {...accessibilityProps}\r\n        />\r\n        <ActionCustomEditor\r\n          i18n={i18n}\r\n          logger={logger}\r\n          classes={classes}\r\n          pilots={pilots}\r\n          selectedActionType={selectedActionType}\r\n          dispatchSiteConfig={dispatchSiteConfig}\r\n          {...actionButtonProps}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartActionButtonEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    group: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartActionButtonEditor = withDefaultStyles(\r\n  UnstyledSmartActionButtonEditor,\r\n  getStyles\r\n);\r\n","export const CARD_DIALOG_MODE = {\r\n  VIEW_MODE: 'viewMode',\r\n  EDIT_MODE: 'editMode',\r\n};\r\n","import React, { useState, useCallback, useMemo, Fragment, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { flatten, isEmpty, isArray, noop } from 'underscore';\r\nimport classnames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport {\r\n  useSiteConfig,\r\n  useInstrumentationServiceContext,\r\n  useIsSmartPageM365StockImageGalleryEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  useUploadService,\r\n  useFacebookPhotos,\r\n  SmartPivotImageEditor,\r\n  AddImagesPlaceholder,\r\n  EditImagesView,\r\n  ImageOptionsKey,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\nimport {\r\n  getISOTimeStringWithTimeZone,\r\n  getUploadUrlFromImage,\r\n  ImageSource,\r\n  getUploadDetailFromImage,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n  truncateStringEndWithEmoji,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  SmartTextEditor,\r\n} from '@bingads-webui-campaign-react/smart-component-text';\r\n\r\nimport { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { Label } from '@fluentui/react/lib/Label';\r\n\r\nimport { CARD_DIALOG_MODE } from './constants';\r\n\r\nconst getStyles = () => ({\r\n  cardEditor: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    paddingLeft: 24,\r\n  },\r\n  cardEditorSidePanel: {\r\n    width: 448,\r\n  },\r\n  headerStyle: {\r\n    fontWeight: 600,\r\n    fontSize: '20px',\r\n    lineHeight: '27px',\r\n    color: '#323130',\r\n    margin: '23px 0px',\r\n    border: '0px',\r\n    padding: '0px',\r\n  },\r\n  cardAuthorTextArea: {\r\n    width: 400,\r\n    height: 70,\r\n  },\r\n  cardTextArea: {\r\n    marginBottom: 60,\r\n    width: 400,\r\n    minHeight: 200,\r\n  },\r\n  cardImageArea: {\r\n    marginBottom: 136,\r\n  },\r\n  smartTextEditor: {\r\n    '& .ms-TextField-messageError': {\r\n      justifyContent: 'flex-end',\r\n    },\r\n  },\r\n  warningIcon: {\r\n    fontSize: '16px',\r\n    lineHeight: '19px',\r\n    marginRight: '6px',\r\n    color: '#0078D4',\r\n  },\r\n  cardEditorPreview: {\r\n    width: 504,\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    position: 'relative',\r\n    background: '#E8E8E8',\r\n    borderLeft: '1px solid lightgray',\r\n    '& label': {\r\n      position: 'absolute',\r\n      top: 24,\r\n      left: 20,\r\n    },\r\n    '& .card': {\r\n      background: '#fff',\r\n    },\r\n    '& > div': {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  dialogContentStyle: {\r\n    '& .ms-Dialog-header': {\r\n      '& .ms-Dialog-button--close': {\r\n        zIndex: 1,\r\n      },\r\n    },\r\n    '& .ms-Dialog-title': {\r\n      minHeight: 0,\r\n      padding: 0,\r\n    },\r\n    '& .ms-Dialog-inner': {\r\n      padding: 0,\r\n    },\r\n    '& .ms-Dialog-actions': {\r\n      marginTop: 0,\r\n      paddingTop: 16,\r\n      borderTop: '1px solid lightgray',\r\n    },\r\n    '& .ms-Dialog-actionsRight': {\r\n      marginRight: 32,\r\n      paddingBottom: 16,\r\n      display: 'flex',\r\n      justifyContent: 'end',\r\n      '& .ms-Dialog-action': {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n      },\r\n    },\r\n  },\r\n  imageError: {\r\n    color: '#A80000',\r\n    fontSize: 14,\r\n  },\r\n});\r\n\r\nconst UnStyledCardDialog = ({\r\n  ItemComponent,\r\n  generateItemProperty,\r\n  mapItemToCard,\r\n  targetItem,\r\n  authorCharacterLimit,\r\n  characterSoftLimit,\r\n  characterHardLimit,\r\n  labelTexts,\r\n  i18n,\r\n  classes,\r\n  onAdd,\r\n  onCancel,\r\n  gotoSettings,\r\n  cardType,\r\n  supportImageInput,\r\n  supportAuthorInput,\r\n}) => {\r\n  const { siteConfig } = useSiteConfig();\r\n  const logger = useInstrumentationServiceContext();\r\n  const smartPageId = siteConfig.id;\r\n\r\n  const businessCategories =\r\n    getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessCategories);\r\n\r\n  let currentCard = null;\r\n  let isCreate = true;\r\n\r\n  if (targetItem) {\r\n    currentCard = mapItemToCard(targetItem);\r\n    isCreate = false;\r\n  }\r\n\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [showImageEditor, setShowImageEditor] = useState(false);\r\n  const [selectedImageType, setSelectedImageType] = useState(ImageSource.StockImage);\r\n  const [cardAuthor, setCardAuthor] = useState(currentCard && currentCard.author ? currentCard.author : '');\r\n  const [cardMessage, setCardMessage] = useState(currentCard && currentCard.message ? currentCard.message : '');\r\n  const [cardPhotoUrl, setCardPhotoUrl] = useState(currentCard ? currentCard.photo : undefined);\r\n  const [imageError, setImageError] = useState('');\r\n  // Need this ref, otherwise will make useFacebookPhotos rerender infinitely.\r\n  const emptyImageListRef = useRef([]);\r\n\r\n  const { uploadImageAsync, bulkUploadImagesByUrlsAsync } = useUploadService();\r\n\r\n  const isSmartPageM365StockImageGalleryEnabled = useIsSmartPageM365StockImageGalleryEnabled();\r\n  const [shouldStartFetchFbPhotos, setShouldStartFetchFbPhotos]\r\n    = useState(!isSmartPageM365StockImageGalleryEnabled);\r\n  const {\r\n    isFbSupported,\r\n    fbPhotos,\r\n    isInitializing,\r\n  } = useFacebookPhotos(emptyImageListRef.current, shouldStartFetchFbPhotos);\r\n\r\n  const onAddClicked = () => {\r\n    const date = new Date();\r\n    const time = getISOTimeStringWithTimeZone(date);\r\n    const cardId = `${smartPageId}_${date.getTime()}`;\r\n\r\n    let newItem = generateItemProperty({\r\n      current: targetItem,\r\n      time,\r\n      cardId,\r\n      cardAuthor,\r\n      cardMessage,\r\n      cardPhotoUrl,\r\n    });\r\n\r\n    if ((isCreate && !cardPhotoUrl) ||\r\n      (currentCard && currentCard.photo === cardPhotoUrl)) {\r\n      if (isCreate) {\r\n        logger.logTrace(`Create ${cardType} with text : ${JSON.stringify(newItem)}`);\r\n      } else {\r\n        logger.logTrace(`Update ${cardType} ${JSON.stringify(targetItem)} with text : ${JSON.stringify(newItem)}`);\r\n      }\r\n\r\n      onAdd({ newSelections: [newItem] });\r\n\r\n      return;\r\n    }\r\n\r\n    const imageIdsToRemove = [];\r\n    if (currentCard && currentCard.photo && !cardPhotoUrl) {\r\n      logger.logTrace(`Remove image of ${cardType} ${JSON.stringify(targetItem)}: ${JSON.stringify(newItem)}`);\r\n      imageIdsToRemove.push(currentCard.imageId);\r\n      onAdd({ newSelections: [newItem], imageIdsToRemove });\r\n\r\n      return;\r\n    }\r\n\r\n    const uploadImagePromise = selectedImageType === ImageSource.Local ?\r\n      uploadImageAsync(cardPhotoUrl) : bulkUploadImagesByUrlsAsync([cardPhotoUrl]);\r\n\r\n    uploadImagePromise\r\n      .finally((() => {\r\n        setIsLoading(true);\r\n        return () => {\r\n          setIsLoading(false);\r\n        };\r\n      })())\r\n      .then((result) => {\r\n        const imageToAdd = isArray(result) ? result[0] : result;\r\n\r\n        if (currentCard && currentCard.imageId) {\r\n          imageIdsToRemove.push(currentCard.imageId);\r\n        }\r\n        const { IdString, ImageUrl } = imageToAdd;\r\n\r\n        newItem = generateItemProperty({\r\n          current: targetItem,\r\n          time,\r\n          cardId,\r\n          cardAuthor,\r\n          cardMessage,\r\n          cardPhotoUrl: ImageUrl,\r\n          cardImageId: IdString,\r\n          cardExternalSrc: selectedImageType === ImageSource.StockImage ? cardPhotoUrl : undefined,\r\n        });\r\n\r\n        if (isCreate) {\r\n          logger.logTrace(`Create ${cardType} with image : ${JSON.stringify(newItem)}`);\r\n        } else {\r\n          logger.logTrace(`Update ${cardType} ${JSON.stringify(targetItem)} with image : ${JSON.stringify(newItem)}, remove imageId: ${flatten(imageIdsToRemove).toString()}`);\r\n        }\r\n\r\n        onAdd({\r\n          newSelections: [newItem],\r\n          imagesToAdd: [imageToAdd],\r\n          imageIdsToRemove,\r\n        });\r\n      })\r\n      .catch((err) => {\r\n        logger.logTrace(`SmartPage|CreateDialog|AddImageError, ${JSON.stringify(err)}`);\r\n        setImageError(i18n.getString(_TL_('Failed to add the image. Please try again')));\r\n      });\r\n  };\r\n\r\n  const dialogContentProps = useMemo(() => ({\r\n    className: classes.dialogContentStyle,\r\n    type: DialogType.close,\r\n  }), [classes]);\r\n\r\n  const generateCardMessageError = useCallback((currentLength) => {\r\n    const text = i18n.getString(labelTexts.maximumCharacterErrorText, {\r\n      length: currentLength, softLimit: characterSoftLimit,\r\n    });\r\n\r\n    return (\r\n      <div>\r\n        <span className={classnames(classes.warningIcon, 'iconba', 'iconba-IncidentTriangle')} />\r\n        {text}\r\n      </div>\r\n    );\r\n  }, [characterSoftLimit, classes.warningIcon, i18n, labelTexts.maximumCharacterErrorText]);\r\n\r\n  const [messageError, setMessageError]\r\n    = useState(cardMessage.length > characterSoftLimit ? generateCardMessageError(cardMessage.length) : '');\r\n\r\n  const onTextAreaChange = useCallback(({\r\n    limit,\r\n    setText,\r\n    setError,\r\n    getErrorMsg,\r\n  }) => ({ value: newValue }) => {\r\n    if (newValue.length > limit) {\r\n      setError(getErrorMsg(newValue.length));\r\n    } else {\r\n      setError('');\r\n    }\r\n\r\n    setText(newValue.trim() ? newValue : '');\r\n  }, []);\r\n\r\n  const isAddBtnDisabled = useCallback(\r\n    () => {\r\n      if ((supportImageInput && imageError)) {\r\n        return true;\r\n      }\r\n\r\n      const hasTextInput = !isEmpty(cardMessage) && (!supportAuthorInput || !isEmpty(cardAuthor));\r\n      const hasImageInput = !isEmpty(cardPhotoUrl);\r\n      if (!hasTextInput && !hasImageInput) {\r\n        return true;\r\n      }\r\n\r\n      return !isCreate &&\r\n        currentCard.message === cardMessage.trim() &&\r\n        currentCard.photo === cardPhotoUrl &&\r\n        currentCard.author === cardAuthor.trim();\r\n    },\r\n    [\r\n      isCreate,\r\n      supportImageInput,\r\n      supportAuthorInput,\r\n      imageError,\r\n      currentCard,\r\n      cardMessage,\r\n      cardPhotoUrl,\r\n      cardAuthor,\r\n    ]\r\n  );\r\n\r\n  const onImageSelectionChanged = useCallback((selectionList) => {\r\n    if (isArray(selectionList) && !isEmpty(selectionList)) {\r\n      const selection = selectionList[0];\r\n      const url = getUploadUrlFromImage(selection) || selection.imageData;\r\n\r\n      const { source } = getUploadDetailFromImage(selection);\r\n      setSelectedImageType(source);\r\n\r\n      setCardPhotoUrl(url);\r\n      setImageError('');\r\n    }\r\n  }, []);\r\n\r\n  const onPivotLinkClicked = useCallback((key) => {\r\n    if (key === ImageOptionsKey.FACEBOOKIMPORT) {\r\n      setShouldStartFetchFbPhotos(true);\r\n    }\r\n  }, []);\r\n\r\n  const serializeTextInputValue = useCallback(val =>\r\n    truncateStringEndWithEmoji(val, characterHardLimit), [characterHardLimit]);\r\n  const serializeAuthorInputValue = useCallback(val =>\r\n    truncateStringEndWithEmoji(val, authorCharacterLimit), [authorCharacterLimit]);\r\n\r\n  const onDeleteImage = useCallback(() => {\r\n    setCardPhotoUrl(undefined);\r\n    setImageError('');\r\n  }, []);\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onCancel}\r\n      dialogContentProps={dialogContentProps}\r\n      minWidth={1000}\r\n      modalProps={{ isBlocking: true }}\r\n    >\r\n      <UiBlocker\r\n        blocking={isLoading}\r\n        loadingText={isCreate ? i18n.getString(_TL_('Adding')) : i18n.getString(_TL_('Updating'))}\r\n      >\r\n        <div className={classes.cardEditor}>\r\n          <div className={classes.cardEditorSidePanel}>\r\n            {supportImageInput && showImageEditor ?\r\n              <div id=\"customized-card-image-editor-container\">\r\n                <DefaultButton\r\n                  id=\"back-to-editor-button\"\r\n                  className={classes.headerStyle}\r\n                  onClick={() => setShowImageEditor(false)}\r\n                  iconProps={{ iconName: 'Back' }}\r\n                  text={i18n.getString(_TL_('Back'))}\r\n                />\r\n                <SmartPivotImageEditor\r\n                  className={classnames('customized-card-image-editor')}\r\n                  i18n={i18n}\r\n                  onSelectionChanged={onImageSelectionChanged}\r\n                  gotoSettings={gotoSettings}\r\n                  isLoadingFbPhotos={isInitializing}\r\n                  isFbSupported={isFbSupported}\r\n                  isMultiple={false}\r\n                  itemsPerPage={4}\r\n                  defaultKeywords={businessCategories}\r\n                  fbPhotos={fbPhotos}\r\n                  onPivotLinkClicked={onPivotLinkClicked}\r\n                />\r\n              </div> :\r\n              <Fragment>\r\n                <h2 className={classnames('card-dialog-title', classes.headerStyle)}>\r\n                  {isCreate ? labelTexts.creationTitleText : labelTexts.editTitleText}\r\n                </h2>\r\n                {\r\n                  supportAuthorInput &&\r\n                  <div className={classes.cardAuthorTextArea}>\r\n                    <SmartTextEditor\r\n                      id=\"customized-card-author-input\"\r\n                      className={classes.smartTextEditor}\r\n                      label={labelTexts.authorSubtitleText}\r\n                      value={cardAuthor}\r\n                      onChange={onTextAreaChange({\r\n                        limit: authorCharacterLimit,\r\n                        setText: setCardAuthor,\r\n                        setError: noop,\r\n                        getErrorMsg: noop,\r\n                      })}\r\n                      resizable={false}\r\n                      rows={1}\r\n                      maxCharCount={authorCharacterLimit}\r\n                      serializeValue={serializeAuthorInputValue}\r\n                    />\r\n                  </div>\r\n                }\r\n                <div className={classes.cardTextArea}>\r\n                  <SmartTextEditor\r\n                    id=\"customized-card-message-input\"\r\n                    className={classes.smartTextEditor}\r\n                    label={labelTexts.messageSubtitleText}\r\n                    value={cardMessage}\r\n                    onChange={onTextAreaChange({\r\n                      limit: characterSoftLimit,\r\n                      setText: setCardMessage,\r\n                      setError: setMessageError,\r\n                      getErrorMsg: generateCardMessageError,\r\n                    })}\r\n                    errorMessage={messageError}\r\n                    multiline\r\n                    resizable={false}\r\n                    rows={8}\r\n                    maxCharCount={characterSoftLimit}\r\n                    serializeValue={serializeTextInputValue}\r\n                    invalid={false}\r\n                  />\r\n                </div>\r\n                {\r\n                  supportImageInput &&\r\n                  <div id=\"customized-card-selected-image\" className={classes.cardImageArea}>\r\n                    <Label>{labelTexts.imageSubtitleText}</Label>\r\n                    {\r\n                      cardPhotoUrl ?\r\n                        <EditImagesView\r\n                          items={[{ externalSrc: cardPhotoUrl }]}\r\n                          i18n={i18n}\r\n                          onDelete={onDeleteImage}\r\n                          onReplace={() => setShowImageEditor(true)}\r\n                          deleteOnly={false}\r\n                        /> :\r\n                        <AddImagesPlaceholder\r\n                          i18n={i18n}\r\n                          onClick={() => setShowImageEditor(true)}\r\n                          text={i18n.getString(_TL_('Add photo'))}\r\n                        />\r\n                    }\r\n                  </div>\r\n                }\r\n              </Fragment>\r\n            }\r\n          </div>\r\n          <div id=\"customized-card-preview\" className={classes.cardEditorPreview}>\r\n            <ItemComponent\r\n              i18n={i18n}\r\n              mode={CARD_DIALOG_MODE.VIEW_MODE}\r\n              item={generateItemProperty({\r\n                time: currentCard && currentCard.time ?\r\n                  currentCard.time :\r\n                  getISOTimeStringWithTimeZone(new Date()),\r\n                cardAuthor,\r\n                cardMessage,\r\n                cardPhotoUrl,\r\n              })}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <DialogFooter>\r\n          {imageError &&\r\n            <div role=\"alert\" className={classnames(classes.imageError, 'card-image-error-message')}>\r\n              {imageError}\r\n            </div>\r\n          }\r\n          <PrimaryButton\r\n            disabled={isAddBtnDisabled()}\r\n            onClick={onAddClicked}\r\n            text={isCreate ? (labelTexts.primaryButtonText || i18n.getString(_TL_('Add'))) : i18n.getString(_TL_('Update'))}\r\n          />\r\n          <DefaultButton onClick={onCancel} text={i18n.getString(_TL_('Cancel'))} />\r\n        </DialogFooter>\r\n      </UiBlocker>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnStyledCardDialog.propTypes = {\r\n  ItemComponent: PropTypes.func.isRequired,\r\n  generateItemProperty: PropTypes.func.isRequired,\r\n  mapItemToCard: PropTypes.func.isRequired,\r\n  authorCharacterLimit: PropTypes.number,\r\n  characterSoftLimit: PropTypes.number.isRequired,\r\n  characterHardLimit: PropTypes.number.isRequired,\r\n  labelTexts: PropTypes.shape({\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n  }).isRequired,\r\n  onAdd: PropTypes.func.isRequired,\r\n  onCancel: PropTypes.func.isRequired,\r\n  targetItem: PropTypes.shape({\r\n  }),\r\n  gotoSettings: PropTypes.func.isRequired,\r\n  cardType: PropTypes.string.isRequired,\r\n  supportImageInput: PropTypes.bool,\r\n  supportAuthorInput: PropTypes.bool,\r\n};\r\n\r\nUnStyledCardDialog.defaultProps = {\r\n  authorCharacterLimit: 30,\r\n  targetItem: undefined,\r\n  supportImageInput: false,\r\n  supportAuthorInput: false,\r\n};\r\n\r\nexport const CardDialog = withDefaultStyles(\r\n  UnStyledCardDialog,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { CommandBarButton } from '@fluentui/react/lib/Button';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  cellContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n  },\r\n  iconButton: {\r\n    padding: '10px 8px',\r\n  },\r\n  itemContentContainer: {\r\n    margin: '16px 12px 16px 21px',\r\n  },\r\n  divider: {\r\n    borderTop: '1px solid #EDEBEA',\r\n    marginBottom: 8,\r\n  },\r\n  actionButtonContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    margin: '0px 12px 8px 10px',\r\n  },\r\n});\r\n\r\nexport function UnStyledToolCell({\r\n  className,\r\n  classes,\r\n  item,\r\n  ItemComponent,\r\n  onDelete,\r\n  onEdit,\r\n  index,\r\n  i18n,\r\n  renderItemHeader,\r\n  selectedPageIndex,\r\n  numberOfItemsPerPage,\r\n  deleteButtonAriaLabel,\r\n  editButtonAriaLabel,\r\n  editButtonLabel,\r\n  editable,\r\n}) {\r\n  return (\r\n    <div className={classnames(classes.cellContainer, className)} >\r\n      {renderItemHeader && renderItemHeader(item.createdTime)}\r\n      <div className={classes.itemContentContainer}>\r\n        <ItemComponent\r\n          item={item}\r\n          i18n={i18n}\r\n        />\r\n      </div>\r\n      <div className={classes.divider} />\r\n      <div className={classes.actionButtonContainer} key={item.id}>\r\n        {\r\n          editable &&\r\n          <CommandBarButton\r\n            iconProps={{ iconName: 'Edit' }}\r\n            text={editButtonLabel || i18n.getString(_TL_('Edit'))}\r\n            onClick={() => onEdit((selectedPageIndex * numberOfItemsPerPage) + index)}\r\n            className={classnames('smart-page-edit-cell-icon', classes.iconButton)}\r\n            ariaLabel={editButtonAriaLabel || i18n.getString(_TL_('Edit'))}\r\n          />\r\n        }\r\n        <CommandBarButton\r\n          iconProps={{ iconName: 'Delete' }}\r\n          text={i18n.getString(_TL_('Delete'))}\r\n          onClick={() => onDelete((selectedPageIndex * numberOfItemsPerPage) + index)}\r\n          className={classnames('smart-page-delete-cell-icon', classes.iconButton)}\r\n          ariaLabel={deleteButtonAriaLabel || i18n.getString(_TL_('Delete'))}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nUnStyledToolCell.propTypes = {\r\n  classes: PropTypes.shape({\r\n    cellContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  item: PropTypes.shape({\r\n    id: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  ItemComponent: PropTypes.func.isRequired,\r\n  onDelete: PropTypes.func.isRequired,\r\n  onEdit: PropTypes.func,\r\n  index: PropTypes.number.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  renderItemHeader: PropTypes.func,\r\n  className: PropTypes.string.isRequired,\r\n  selectedPageIndex: PropTypes.number.isRequired,\r\n  numberOfItemsPerPage: PropTypes.number.isRequired,\r\n  deleteButtonAriaLabel: PropTypes.string,\r\n  editButtonAriaLabel: PropTypes.string,\r\n  editButtonLabel: PropTypes.string,\r\n  editable: PropTypes.bool,\r\n};\r\n\r\nUnStyledToolCell.defaultProps = {\r\n  renderItemHeader: null,\r\n  deleteButtonAriaLabel: null,\r\n  editButtonAriaLabel: null,\r\n  onEdit: _.noop,\r\n  editable: false,\r\n  editButtonLabel: null,\r\n};\r\n\r\nexport const ToolCell = withDefaultStyles(\r\n  UnStyledToolCell,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { SelectableItemView } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  unSelectedClassName: {\r\n    borderColor: 'transparent',\r\n  },\r\n  itemContainer: {\r\n    padding: '16px 12px 16px 21px',\r\n  },\r\n});\r\n\r\nfunction UnStyledPickerCell({\r\n  classes,\r\n  className,\r\n  defaultState,\r\n  item,\r\n  ItemComponent,\r\n  updateSelectedState,\r\n  i18n,\r\n  selectable,\r\n}) {\r\n  const onChange = () => {\r\n    updateSelectedState({ id: item.id });\r\n  };\r\n  const onRenderItem = () => (\r\n    <div className={classes.itemContainer}>\r\n      <ItemComponent\r\n        item={item}\r\n        i18n={i18n}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <SelectableItemView\r\n      item={item}\r\n      selectable={selectable}\r\n      selected={defaultState}\r\n      onChange={onChange}\r\n      onRenderItem={onRenderItem}\r\n      unSelectedClassName={classes.unSelectedClassName}\r\n      className={className}\r\n    />\r\n  );\r\n}\r\n\r\nUnStyledPickerCell.defaultProps = {\r\n  selectable: true,\r\n};\r\n\r\nUnStyledPickerCell.propTypes = {\r\n  item: PropTypes.shape({\r\n    id: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  ItemComponent: PropTypes.func.isRequired,\r\n  defaultState: PropTypes.bool.isRequired,\r\n  updateSelectedState: PropTypes.func.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  className: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({\r\n    unSelectedClassName: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  selectable: PropTypes.bool,\r\n};\r\n\r\nexport const PickerCell = withDefaultStyles(\r\n  UnStyledPickerCell,\r\n  getStyles\r\n);\r\n","/* eslint-disable react/jsx-no-bind */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { size, each, findIndex, isEqual, isEmpty, noop } from 'underscore';\r\nimport { List } from '@fluentui/react/lib/List';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { PageNavigationFooter } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { ToolCell } from './tool-cell';\r\nimport { PickerCell } from './picker-cell';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  listContainer: {\r\n    background: '#F3F2F0',\r\n    paddingTop: 32,\r\n    marginTop: 16,\r\n\r\n    '& .ms-List-cell': {\r\n      verticalAlign: 'top',\r\n      width: 374,\r\n      marginBottom: 24,\r\n      textAlign: 'center',\r\n      marginLeft: 52,\r\n      marginRight: 70,\r\n    },\r\n  },\r\n  cellContainer: {\r\n    background: '#FFFFFF',\r\n    boxShadow: '0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)',\r\n    borderRadius: 2,\r\n    width: '100%',\r\n    textAlign: 'left',\r\n  },\r\n  emptyTips: {\r\n    padding: '20px 0',\r\n\r\n    '& .ms-MessageBar-content': {\r\n      background: palette.themeLighterAlt,\r\n      '@media (forced-colors: active)': {\r\n        background: 'unset',\r\n      },\r\n    },\r\n  },\r\n  countIndicator: {\r\n    margin: '0 10px 5px 0',\r\n    textAlign: 'right',\r\n    display: 'block',\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n\r\nclass UnStyledItemPicker extends React.PureComponent {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    const { items, numberOfItemsPerPage } = this.props;\r\n    const pages = [];\r\n    let currentPage = [];\r\n\r\n    each(items, (item) => {\r\n      if (currentPage.length < numberOfItemsPerPage) {\r\n        currentPage.push(item);\r\n      } else {\r\n        pages.push(currentPage);\r\n        currentPage = [item];\r\n      }\r\n    });\r\n\r\n    if (currentPage.length > 0) {\r\n      pages.push(currentPage);\r\n    }\r\n\r\n    this.state = {\r\n      originalItems: [...items],\r\n      selectedPageIndex: 0,\r\n      visibleItems: pages[0],\r\n      pages,\r\n    };\r\n  }\r\n\r\n  static getDerivedStateFromProps(nextProps, prevState) {\r\n    const { items, numberOfItemsPerPage } = nextProps;\r\n    if (!isEqual(items, prevState.originalItems)) {\r\n      const pages = [];\r\n      let currentPage = [];\r\n      let newSelectedPageIndex = prevState.selectedPageIndex;\r\n\r\n      each(items, (item) => {\r\n        if (currentPage.length < numberOfItemsPerPage) {\r\n          currentPage.push(item);\r\n        } else {\r\n          pages.push(currentPage);\r\n          currentPage = [item];\r\n        }\r\n      });\r\n\r\n      if (currentPage.length > 0) {\r\n        pages.push(currentPage);\r\n      }\r\n\r\n      if (newSelectedPageIndex >= pages.length && newSelectedPageIndex > 0) {\r\n        newSelectedPageIndex = pages.length - 1;\r\n      }\r\n\r\n      return {\r\n        originalItems: [...items],\r\n        selectedPageIndex: newSelectedPageIndex,\r\n        pages,\r\n        visibleItems: pages[newSelectedPageIndex],\r\n      };\r\n    }\r\n    return null;\r\n  }\r\n\r\n  onRenderCell(item, index) {\r\n    const {\r\n      ItemComponent,\r\n      selectable,\r\n      onDelete,\r\n      onEdit,\r\n      i18n,\r\n      classes,\r\n      getDeleteButtonAriaLabel,\r\n      getEditButtonAriaLabel,\r\n      editable,\r\n      editableConditionCheck,\r\n      editButtonLabel,\r\n    } = this.props;\r\n\r\n    const commonCellProps = {\r\n      ItemComponent,\r\n      item,\r\n      i18n,\r\n      className: classes.cellContainer,\r\n    };\r\n\r\n    if (selectable) {\r\n      return (\r\n        <PickerCell\r\n          {...commonCellProps}\r\n          selectable={!!item.selectable}\r\n          defaultState={!!item.selected}\r\n          updateSelectedState={this.updateSelectedState.bind(this)}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <ToolCell\r\n        {...commonCellProps}\r\n        onDelete={onDelete}\r\n        onEdit={onEdit}\r\n        index={index}\r\n        editable={editable && editableConditionCheck(item)}\r\n        selectedPageIndex={this.state.selectedPageIndex}\r\n        numberOfItemsPerPage={this.props.numberOfItemsPerPage}\r\n        editButtonLabel={editButtonLabel}\r\n        deleteButtonAriaLabel={getDeleteButtonAriaLabel(index + 1, item)}\r\n        editButtonAriaLabel={getEditButtonAriaLabel(index + 1, item)}\r\n      />\r\n    );\r\n  }\r\n\r\n  getItemCountForPage() {\r\n    return this.props.numberOfItemsPerPage;\r\n  }\r\n\r\n  getPageHeight() {\r\n    return 400;\r\n  }\r\n\r\n  updateSelectedState({ id }) {\r\n    const { onSelectChange, limit, selectedIds } = this.props;\r\n\r\n    this.setState((state) => {\r\n      const visibleItems = [...state.visibleItems];\r\n      const foundIndex = findIndex(visibleItems, ({ id: itemId }) => itemId === id);\r\n      visibleItems[foundIndex] = {\r\n        ...visibleItems[foundIndex],\r\n        selected: !visibleItems[foundIndex].selected,\r\n      };\r\n\r\n      const currentIsSelected = visibleItems[foundIndex].selected;\r\n      if (currentIsSelected && size(selectedIds) + 1 === limit) {\r\n        visibleItems.forEach((item, index) => { visibleItems[index].selectable = item.selected; });\r\n      } else {\r\n        visibleItems.forEach((_, index) => { visibleItems[index].selectable = true; });\r\n      }\r\n\r\n      if (onSelectChange) {\r\n        onSelectChange({ id, isChecked: visibleItems[foundIndex].selected });\r\n      }\r\n\r\n      return {\r\n        visibleItems,\r\n      };\r\n    });\r\n  }\r\n\r\n  updatePage(newPageIndex) {\r\n    this.setState(state => ({\r\n      visibleItems: state.pages[newPageIndex],\r\n      selectedPageIndex: newPageIndex,\r\n    }));\r\n  }\r\n\r\n  goToNextPage() {\r\n    this.updatePage(this.state.selectedPageIndex + 1);\r\n  }\r\n\r\n  goToPreviousPage() {\r\n    this.updatePage(this.state.selectedPageIndex - 1);\r\n  }\r\n\r\n  render() {\r\n    const {\r\n      classes,\r\n      i18n,\r\n      items,\r\n      selectable,\r\n      selectedIds,\r\n      limit,\r\n      noDataLabel,\r\n    } = this.props;\r\n    const { visibleItems, selectedPageIndex, pages } = this.state;\r\n\r\n    return (\r\n      isEmpty(items) ?\r\n        <div className={classes.emptyTips}>\r\n          <MessageBar isMultiline>\r\n            {i18n.getString(noDataLabel)}\r\n          </MessageBar>\r\n        </div> :\r\n        <div className={classes.listContainer}>\r\n          <List\r\n            items={visibleItems}\r\n            getItemCountForPage={this.getItemCountForPage.bind(this)}\r\n            onRenderCell={this.onRenderCell.bind(this)}\r\n            ignoreScrollingState\r\n            getPageHeight={this.getPageHeight}\r\n          />\r\n          {\r\n            selectable &&\r\n            <span className={classes.countIndicator}>\r\n              {`${size(selectedIds)}/${limit} ${i18n.getString(_TL_('Selected'))}`}\r\n            </span>\r\n          }\r\n          <PageNavigationFooter\r\n            i18n={i18n}\r\n            totalPageNumber={pages.length}\r\n            onNextPageClick={this.goToNextPage.bind(this)}\r\n            onPreviousPageClick={this.goToPreviousPage.bind(this)}\r\n            onRandomPageSelect={this.updatePage.bind(this)}\r\n            pageIndex={selectedPageIndex}\r\n          />\r\n        </div>\r\n    );\r\n  }\r\n}\r\n\r\nUnStyledItemPicker.propTypes = {\r\n  classes: PropTypes.shape({\r\n    listContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    id: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  ItemComponent: PropTypes.func.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  numberOfItemsPerPage: PropTypes.number,\r\n  onDelete: PropTypes.func,\r\n  onEdit: PropTypes.func,\r\n  onSelectChange: PropTypes.func,\r\n  selectable: PropTypes.bool,\r\n  getDeleteButtonAriaLabel: PropTypes.func,\r\n  editButtonLabel: PropTypes.string,\r\n  getEditButtonAriaLabel: PropTypes.func,\r\n  limit: PropTypes.number,\r\n  selectedIds: PropTypes.shape({}),\r\n  noDataLabel: PropTypes.string,\r\n  // Overall edit function\r\n  editable: PropTypes.bool,\r\n  // Each item edit support check\r\n  editableConditionCheck: PropTypes.func,\r\n};\r\n\r\nUnStyledItemPicker.defaultProps = {\r\n  numberOfItemsPerPage: 2,\r\n  onDelete: null,\r\n  onEdit: null,\r\n  onSelectChange: null,\r\n  selectable: false,\r\n  limit: Infinity,\r\n  selectedIds: {},\r\n  getDeleteButtonAriaLabel: noop,\r\n  getEditButtonAriaLabel: noop,\r\n  noDataLabel: _TL_('There are no data'),\r\n  editable: false,\r\n  editableConditionCheck: () => true,\r\n  editButtonLabel: null,\r\n};\r\n\r\nexport const ItemPicker = withDefaultStyles(\r\n  UnStyledItemPicker,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport { leftIcon, rightIcon, ResponsiveMode, THEME_MODE_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\r\n\r\nimport { CARD_DIALOG_MODE } from './constants';\r\n\r\nconst getStyles = (component, { palette = {} }) => ({\r\n  page: {\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n  },\r\n\r\n  carouselContainer: {\r\n    '& .carousel.carousel-slider': {\r\n      overflow: 'unset',\r\n      '& .slide': {\r\n        background: palette.primaryBackground,\r\n        textAlign: 'left',\r\n      },\r\n      '& .control-arrow': {\r\n        width: 16,\r\n        height: 16,\r\n        lineHeight: 1,\r\n        top: '50%',\r\n        marginTop: -30,\r\n        '&:before': {\r\n          content: 'none',\r\n        },\r\n        '&:after': {\r\n          content: '\"\"',\r\n          width: 16,\r\n          height: 16,\r\n          backgroundSize: '16px 16px',\r\n          marginTop: -5,\r\n          marginLeft: -5,\r\n          display: 'block',\r\n          ...(palette.mode === THEME_MODE_KEY_MAPPING.Dark ? { filter: 'brightness(0) invert(1)' } : {}),\r\n        },\r\n        display: 'block',\r\n      },\r\n      '& .control-next': {\r\n        opacity: 1,\r\n        background: 'transparent',\r\n        backgroundSize: '16px 16px',\r\n        '&:hover, &:active': {\r\n          backgroundColor: palette.secondaryBackground,\r\n        },\r\n        '&:focus': {\r\n          outline: `1px solid ${palette.pageControl}`,\r\n        },\r\n        '&:after': {\r\n          backgroundImage: `url(${rightIcon})`,\r\n        },\r\n      },\r\n      '& .control-prev': {\r\n        opacity: 1,\r\n        background: 'transparent',\r\n        backgroundSize: '16px 16px',\r\n        '&:hover, &:active': {\r\n          backgroundColor: palette.secondaryBackground,\r\n        },\r\n        '&:focus': {\r\n          outline: `1px solid ${palette.pageControl}`,\r\n        },\r\n        '&:after': {\r\n          backgroundImage: `url(${leftIcon})`,\r\n        },\r\n      },\r\n      '& .control-arrow.control-disabled': {\r\n        display: 'none',\r\n      },\r\n      '& .control-dots': {\r\n        paddingLeft: 0,\r\n        '& .dot': {\r\n          background: 'transparent',\r\n          border: `1px solid ${palette.pageControl}`,\r\n          boxShadow: '0px 0px 0px',\r\n        },\r\n        '& .dot.selected': {\r\n          background: palette.pageSelect,\r\n        },\r\n      },\r\n    },\r\n  },\r\n  mobileContainer: {\r\n    '& .carousel .control-dots .dot': {\r\n      margin: '0 4px',\r\n    },\r\n  },\r\n});\r\n\r\nconst RESPONSIVE_MODE_TO_ITEMS_PER_PAGE = {\r\n  [ResponsiveMode.LargeDesktop]: 3,\r\n  [ResponsiveMode.MediumDesktop]: 2,\r\n  [ResponsiveMode.SmallDesktop]: 1,\r\n  [ResponsiveMode.Mobile]: 1,\r\n};\r\n\r\nconst mapCardsToPage = (items, startingIndex, itemsPerPage, CardComponent, i18n) => {\r\n  const page = [];\r\n\r\n  if (_.isEmpty(items)) {\r\n    return page;\r\n  }\r\n  let currentIndex = startingIndex;\r\n\r\n  while (currentIndex < items.length && currentIndex < startingIndex + itemsPerPage) {\r\n    const item = items[currentIndex];\r\n    page.push((\r\n      <div key={item.id || item.name}>\r\n        <CardComponent\r\n          item={item}\r\n          i18n={i18n}\r\n          mode={CARD_DIALOG_MODE.VIEW_MODE}\r\n        />\r\n      </div>\r\n    ));\r\n\r\n    currentIndex += 1;\r\n  }\r\n\r\n  return page;\r\n};\r\n\r\nconst getNumberOfPages = (items, responsiveSize) => {\r\n  const itemsPerPage = RESPONSIVE_MODE_TO_ITEMS_PER_PAGE[responsiveSize];\r\n\r\n  return Math.ceil(items.length / itemsPerPage);\r\n};\r\n\r\nconst mapCards = (items, responsiveSize, classes, CardComponent, i18n) => {\r\n  const itemsPerPage = RESPONSIVE_MODE_TO_ITEMS_PER_PAGE[responsiveSize];\r\n\r\n  const carouselPages = [];\r\n  if (_.isEmpty(items)) {\r\n    return carouselPages;\r\n  }\r\n  const numPages = getNumberOfPages(items, responsiveSize);\r\n\r\n  for (let index = 0; index < numPages; index += 1) {\r\n    carouselPages.push((\r\n      <div className={classes.page} key={index}>\r\n        {mapCardsToPage(items, index * itemsPerPage, itemsPerPage, CardComponent, i18n)}\r\n      </div>\r\n    ));\r\n  }\r\n\r\n  return carouselPages;\r\n};\r\n\r\nexport const UnStyledItemCarousel = ({\r\n  classes,\r\n  items,\r\n  responsiveSize,\r\n  CardComponent,\r\n  i18n,\r\n}) => {\r\n  const [carouselCursor, setCarouselCursor] = useState(0);\r\n  const updateCarouselCursor = useCallback((index) => {\r\n    setCarouselCursor(index);\r\n  }, []);\r\n  const numPages = getNumberOfPages(items, responsiveSize);\r\n\r\n  useEffect(() => {\r\n    if (carouselCursor >= numPages) {\r\n      setCarouselCursor(carouselCursor - 1);\r\n    }\r\n  }, [numPages, carouselCursor, setCarouselCursor]);\r\n\r\n  // TODO: multi-channel need to update react-responsive-carousel to latest version (>=3.1.55)\r\n  // to get following accessibility tweak.\r\n  const ariaLabels = {\r\n    leftArrow: i18n.getString(_TL_('Previous page')),\r\n    rightArrow: i18n.getString(_TL_('Next page')),\r\n    item: i18n.getString(_TL_('Page')),\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={\r\n        classnames(\r\n          classes.carouselContainer,\r\n          responsiveSize === ResponsiveMode.Mobile && classes.mobileContainer,\r\n          'smart-carousel-container'\r\n        )\r\n      }\r\n    >\r\n      <Carousel\r\n        showThumbs={false}\r\n        showStatus={false}\r\n        axis=\"horizontal\"\r\n        autoPlay={false}\r\n        autoFocus={false}\r\n        useKeyboardArrows\r\n        selectedItem={carouselCursor}\r\n        onClickItem={updateCarouselCursor}\r\n        onChange={updateCarouselCursor}\r\n        showArrows={numPages > 1}\r\n        showIndicators={numPages > 1}\r\n        labels={ariaLabels}\r\n      >\r\n        {mapCards(items, responsiveSize, classes, CardComponent, i18n)}\r\n      </Carousel>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledItemCarousel.propTypes = {\r\n  classes: PropTypes.shape({\r\n    page: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    id: PropTypes.string,\r\n  })),\r\n  responsiveSize: PropTypes.string.isRequired,\r\n  CardComponent: PropTypes.func.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n};\r\n\r\nUnStyledItemCarousel.defaultProps = {\r\n  items: [],\r\n};\r\n\r\nUnStyledItemCarousel.displayName = 'ItemCarousel';\r\n\r\nexport const ItemCarousel = withDefaultStyles(UnStyledItemCarousel, getStyles);\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const SmartTextView = ({\r\n  content,\r\n  id,\r\n  TagName,\r\n}) => useMemo(() => (\r\n  <TagName id={id} >\r\n    {content}\r\n  </TagName>), [content, id]);\r\n\r\nSmartTextView.propTypes = {\r\n  content: PropTypes.string.isRequired,\r\n  id: PropTypes.string,\r\n  TagName: PropTypes.string,\r\n};\r\n\r\nSmartTextView.defaultProps = {\r\n  id: undefined,\r\n  TagName: 'span',\r\n};\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n  getDataSourceByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { SmartTextView } from './smart-text-view';\r\n\r\nexport const SmartTextConnector = (props) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const { id } = props;\r\n  const componentConfig = getComponentById(siteConfig, id);\r\n  const {\r\n    content, placeholder, style, 'data-source-name': dataSourceName,\r\n  } = componentConfig;\r\n\r\n  let textContent = '';\r\n\r\n  if (dataSourceName) {\r\n    textContent = getDataSourceByKey(siteConfig, dataSourceName);\r\n  } else {\r\n    textContent = content;\r\n  }\r\n\r\n  if (!textContent) {\r\n    textContent = placeholder;\r\n  }\r\n  return useMemo(() => (<SmartTextView\r\n    content={textContent}\r\n    style={style}\r\n    id={id}\r\n  />), [id, style, textContent]);\r\n};\r\n\r\nSmartTextConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import { isEmpty } from 'underscore';\r\n\r\nexport const TextErrorMap = {\r\n  Required: 'required',\r\n  MaxLength: 'maxLength',\r\n};\r\n\r\nconst defaultTextError = {\r\n  [TextErrorMap.Required]: _TL_('Field should not be empty'),\r\n  [TextErrorMap.MaxLength]: _TL_('Field should not exceed {{maxCharCount}} characters'),\r\n};\r\n\r\nexport function validateText(text = '', maxCharCount, i18n, validator, isRequired, customErrorMap = {}) {\r\n  if (isRequired) {\r\n    if (isEmpty(text.trim())) {\r\n      return {\r\n        charRemainingDescription: maxCharCount ? i18n.getString(_TL_('{{maxCharCount}} characters remaining'), { maxCharCount }) : '',\r\n        errorMessage: i18n.getString(customErrorMap[TextErrorMap.Required]\r\n          || defaultTextError[TextErrorMap.Required]),\r\n      };\r\n    }\r\n  }\r\n\r\n  if (maxCharCount) {\r\n    const usedCharCount = text ? text.length : 0;\r\n    const remainingCharCount = maxCharCount - usedCharCount;\r\n    if (remainingCharCount >= 0) {\r\n      return {\r\n        charRemainingDescription: i18n.getString(_TL_('{{remainingCharCount}} characters remaining'), { remainingCharCount }),\r\n        errorMessage: '',\r\n      };\r\n    }\r\n\r\n    return {\r\n      charRemainingDescription: i18n.getString(_TL_('Exceeded by {{-remainingCharCount}} characters'), { remainingCharCount }),\r\n      errorMessage: i18n.getString(\r\n        customErrorMap[TextErrorMap.MaxLength] || defaultTextError[TextErrorMap.MaxLength],\r\n        { maxCharCount }\r\n      ),\r\n    };\r\n  }\r\n\r\n  if (validator) {\r\n    return {\r\n      charRemainingDescription: '',\r\n      errorMessage: validator(text),\r\n    };\r\n  }\r\n\r\n  return {\r\n    charRemainingDescription: '',\r\n    errorMessage: '',\r\n  };\r\n}\r\n","import React, { useContext, useEffect, useMemo, useState, useRef, useCallback } from 'react';\r\nimport _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport { TextField, MaskedTextField } from '@fluentui/react/lib/TextField';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport {\r\n  SiteConfigContext,\r\n  useDebouncedDispatchSiteConfig,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getDataSourceByKey,\r\n  sectionTitleStyles,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { validateText } from './text-helper';\r\n\r\nconst defaultStyles = {\r\n  subComponentStyles: {\r\n    label: () => ({\r\n      root: sectionTitleStyles,\r\n    }),\r\n  },\r\n  description: {\r\n    display: 'block',\r\n    textAlign: 'right',\r\n    fontSize: 12,\r\n  },\r\n};\r\n\r\nexport const SmartTextEditor = (props) => {\r\n  const {\r\n    // below two fields are mutually exclusive (dataSourceName takes precedence)\r\n    dataSourceName, value,\r\n\r\n    serializeValue,\r\n    deSerializeValue,\r\n    maxCharCount,\r\n    onChange,\r\n    onFocus,\r\n    focus,\r\n    validation,\r\n    mask,\r\n    prefix,\r\n    customStyles,\r\n    errorMessage,\r\n    isRequired,\r\n    shouldTrimValue,\r\n    ...passThroughProps\r\n  } = props;\r\n  const propsForMask = mask && {\r\n    maskChar: '#',\r\n    mask,\r\n    prefix,\r\n  };\r\n  const styles = {\r\n    ...defaultStyles,\r\n    ...customStyles,\r\n  };\r\n\r\n  const i18n = useContext(I18nContext);\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const debouncedDispatchSiteConfig = useDebouncedDispatchSiteConfig();\r\n\r\n  const TextInput = mask ? MaskedTextField : TextField;\r\n  // MaskedTextField requires that value needs to be undefined instead of null\r\n  const inputValue = getDataSourceByKey(siteConfig, dataSourceName, value, false);\r\n  const [internalVal, setInternalVal] = useState(inputValue);\r\n\r\n  const internalTextInputValue = deSerializeValue(internalVal) || '';\r\n  const textInputValue = deSerializeValue(inputValue) || '';\r\n\r\n  const inputRef = useRef(null);\r\n\r\n  const validatedResult = useMemo(\r\n    () => validateText(internalTextInputValue, maxCharCount, i18n, validation, isRequired),\r\n    [internalTextInputValue, maxCharCount, i18n, validation, isRequired]\r\n  );\r\n\r\n  const onInputChange = useCallback((e, val) => {\r\n    const trimmedFormattedVal = serializeValue(val.trim());\r\n    const formattedVal = serializeValue(val);\r\n\r\n    // Internal value never get trimmed, otherwise user could not input space\r\n    setInternalVal(formattedVal);\r\n\r\n    if (dataSourceName) {\r\n      debouncedDispatchSiteConfig({\r\n        type: 'UPDATE_DATASOURCE_BY_NAME',\r\n        payload: {\r\n          name: dataSourceName,\r\n          value: shouldTrimValue ? trimmedFormattedVal : formattedVal,\r\n        },\r\n      });\r\n    }\r\n    // Reflect change to outside\r\n    onChange({\r\n      value: shouldTrimValue ? trimmedFormattedVal : formattedVal,\r\n    });\r\n  }, [dataSourceName, debouncedDispatchSiteConfig, onChange, serializeValue, shouldTrimValue]);\r\n\r\n  // For those update value outside of this component, force update this value. e.g. location sugs\r\n  // to make the internal value same as the context value.\r\n  useEffect(() => {\r\n    // We compare trimmed value because internal state could have empty spaces\r\n    if (textInputValue.trim() !== internalTextInputValue.trim()) {\r\n      setInternalVal(inputValue);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [inputValue]);\r\n\r\n  useEffect(() => {\r\n    if (inputRef.current && focus) {\r\n      inputRef.current.focus();\r\n      onFocus();\r\n    }\r\n  }, [focus, onFocus]);\r\n\r\n  return (\r\n    <TextInput\r\n      componentRef={(input) => { inputRef.current = input; }}\r\n      styles={styles}\r\n      errorMessage={errorMessage || validatedResult.errorMessage}\r\n      onFocus={onFocus}\r\n      onChange={onInputChange}\r\n      value={internalTextInputValue}\r\n      description={validatedResult.charRemainingDescription}\r\n      required={isRequired}\r\n      {...propsForMask}\r\n      {...passThroughProps}\r\n    />\r\n  );\r\n};\r\n\r\nSmartTextEditor.propTypes = {\r\n  dataSourceName: PropTypes.string,\r\n  label: PropTypes.string,\r\n  onRenderLabel: PropTypes.func,\r\n  multiline: PropTypes.bool,\r\n  validation: PropTypes.func,\r\n  focus: PropTypes.bool,\r\n  isRequired: PropTypes.bool,\r\n  serializeValue: PropTypes.func,\r\n  deSerializeValue: PropTypes.func,\r\n  mask: PropTypes.string,\r\n  prefix: PropTypes.string,\r\n  errorMessage: PropTypes.oneOfType([\r\n    PropTypes.string,\r\n    PropTypes.element,\r\n  ]),\r\n  onChange: PropTypes.func,\r\n  placeholder: PropTypes.string,\r\n  maxCharCount: PropTypes.number,\r\n  value: PropTypes.string,\r\n  customStyles: PropTypes.shape({}),\r\n  onFocus: PropTypes.func,\r\n  shouldTrimValue: PropTypes.bool,\r\n};\r\n\r\nSmartTextEditor.defaultProps = {\r\n  label: '',\r\n\r\n  // below two fields are mutually exclusive (dataSourceName takes precedence)\r\n  dataSourceName: null,\r\n  value: undefined,\r\n\r\n  // below two fields are mutually exclusive (errorMessage takes precedence)\r\n  errorMessage: undefined,\r\n  validation: undefined,\r\n\r\n  isRequired: false,\r\n\r\n  // for MaskTextField\r\n  mask: undefined,\r\n  prefix: undefined,\r\n\r\n  multiline: false,\r\n  onRenderLabel: undefined,\r\n  focus: false,\r\n  serializeValue: _.identity,\r\n  deSerializeValue: _.identity,\r\n  onChange: _.noop,\r\n  onFocus: _.noop,\r\n  placeholder: undefined,\r\n  maxCharCount: undefined,\r\n  customStyles: {},\r\n  shouldTrimValue: false,\r\n};\r\n","import React, { useCallback, useEffect, useContext, useState, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { Dropdown } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  SiteConfigContext,\r\n  useDebouncedDispatchSiteConfig,\r\n  useCountryContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getDataSourceByKey,\r\n  getCallingCodeDisplayByCountry,\r\n  parseInitialPhoneNumber,\r\n  composePhoneNumber,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  validatePhone,\r\n  preventEventPropagation,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartTextEditor } from './smart-text-editor';\r\n\r\nconst getStyles = () => ({\r\n  phoneNumberEditorContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    position: 'relative',\r\n    marginBottom: '23px',\r\n\r\n    '& .ms-TextField': {\r\n      '& .ms-Toggle': {\r\n        padding: '5px 0',\r\n      },\r\n      '& label.ms-Label span': {\r\n        display: 'none',\r\n      },\r\n    },\r\n\r\n    '& .smart-action-button-phone-input': {\r\n      '& .ms-TextField-wrapper label.ms-Label': {\r\n        display: 'none',\r\n      },\r\n    },\r\n\r\n    '& .ms-TextField-errorMessage': {\r\n      position: 'absolute',\r\n      bottom: '-23px',\r\n    },\r\n\r\n    '& .ms-Toggle-innerContainer': {\r\n      position: 'absolute',\r\n      right: 0,\r\n    },\r\n  },\r\n  phoneNumberCountryMenuContainer: {\r\n    width: '30%',\r\n  },\r\n  phoneNumberEditorLabel: {\r\n    marginBottom: '8px',\r\n  },\r\n});\r\n\r\nconst textEditorStyles = {\r\n  root: {\r\n    width: '65%',\r\n    marginTop: 'auto',\r\n  },\r\n};\r\n\r\n\r\nconst onRenderOption = option => (\r\n  <span id={option.key} className=\"country-option\">{option.text}</span>\r\n);\r\n\r\nconst onRenderTitle = ([option]) => (\r\n  <span id={option.key} className=\"selected-country-option\">{option.text}</span>\r\n);\r\n\r\nconst getInitialCountry = (countries, id) => _.findWhere(\r\n  countries,\r\n  { Id: id }\r\n) || _.first(countries);\r\n\r\nconst UnstyledSmartPhoneNumberEditor = (props) => {\r\n  const {\r\n    i18n,\r\n    // Below two fields are exclusive(dataSourceName takes precedence)\r\n    dataSourceName,\r\n    value,\r\n    initialCountryCode,\r\n    onPhoneNumberChange,\r\n    disabled,\r\n    classes,\r\n    label: labelProp,\r\n    // Validations can be done inside or use passed in errorMessage\r\n    // When use errorMessage, remember to pass ignoreInternalValidate as well\r\n    errorMessage,\r\n    ignoreInternalValidate,\r\n    onRenderLabel,\r\n    ...passThroughProps\r\n  } = props;\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const debouncedDispatchSiteConfig = useDebouncedDispatchSiteConfig();\r\n\r\n  const countryList = useCountryContext();\r\n  const countries = _.pluck(countryList, 'value');\r\n\r\n  const label = labelProp || i18n.getString(_TL_('Phone number'));\r\n  // Inside the getDataSourceByKey: If dataSourceName is falsy, value would be used.\r\n  const fullPhoneNumber = getDataSourceByKey(siteConfig, dataSourceName, value, false);\r\n  const locationInfo = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.LocationInfo, '', false);\r\n\r\n  const {\r\n    initialPhoneNumber,\r\n    initialCallingCode,\r\n    initialCountryId,\r\n  } = parseInitialPhoneNumber(fullPhoneNumber, initialCountryCode, countries, locationInfo);\r\n\r\n  const [selectedCountry, setSelectedCountry] = useState(getInitialCountry(\r\n    countries,\r\n    initialCountryId\r\n  ));\r\n  const [countryId, setCountryId] = useState(initialCountryId);\r\n  const [phoneNumber, setPhoneNumber] = useState(initialPhoneNumber);\r\n  const [callingCode, setCallingCode] = useState(initialCallingCode);\r\n  const [internalErrorMessage, setInternalErrorMessage] = useState('');\r\n\r\n  const onPhoneNumberInputChange = useCallback((newValue) => {\r\n    if (newValue) {\r\n      setPhoneNumber(newValue.value);\r\n    }\r\n  }, []);\r\n\r\n  const onSelectOption = useCallback((e, option) => {\r\n    preventEventPropagation(e);\r\n    const selectedCountryId = Number(option.key);\r\n    const countryConfig = _.findWhere(countries, { Id: selectedCountryId });\r\n    const selectedCallingCode = countryConfig\r\n      ? countryConfig.CountryCallingCode\r\n      : initialCallingCode;\r\n\r\n    setCountryId(selectedCountryId);\r\n    setCallingCode(selectedCallingCode);\r\n    setSelectedCountry(countryConfig);\r\n  }, [countries, initialCallingCode]);\r\n\r\n  // Validate, set siteConfig\r\n  useEffect(() => {\r\n    const phoneNumberWithCallingCode = composePhoneNumber(callingCode, phoneNumber);\r\n\r\n    if (!ignoreInternalValidate) {\r\n      const errMessage = validatePhone(phoneNumberWithCallingCode)\r\n        ? ''\r\n        : i18n.getString(_TL_('Invalid phone number.'));\r\n      setInternalErrorMessage(errMessage);\r\n    }\r\n\r\n    if (dataSourceName) {\r\n      debouncedDispatchSiteConfig({\r\n        type: 'UPDATE_DATASOURCE_BY_NAME',\r\n        payload: {\r\n          name: dataSourceName,\r\n          value: phoneNumberWithCallingCode,\r\n        },\r\n      });\r\n    }\r\n\r\n    onPhoneNumberChange({\r\n      countryId,\r\n      callingCode,\r\n      phoneNumber,\r\n      phoneNumberWithCallingCode,\r\n    });\r\n  }, [\r\n    countryId, callingCode, phoneNumber, dataSourceName, ignoreInternalValidate,\r\n    onPhoneNumberChange, debouncedDispatchSiteConfig, i18n,\r\n  ]);\r\n\r\n  const options = _.map(countries, country => ({\r\n    key: country.Id,\r\n    text: getCallingCodeDisplayByCountry(country),\r\n  }));\r\n\r\n  const countryDropDown = useMemo(() => (\r\n    <Dropdown\r\n      className=\"phone-number-country-code-menu\"\r\n      selectedKey={selectedCountry ? selectedCountry.Id : countryId}\r\n      label={label}\r\n      options={options}\r\n      onChange={onSelectOption}\r\n      dropdownWidth=\"auto\"\r\n      disabled={disabled}\r\n      onRenderTitle={onRenderTitle}\r\n      onRenderOption={onRenderOption}\r\n      onRenderLabel={onRenderLabel}\r\n    />\r\n  ), [selectedCountry, countryId, label, options, onSelectOption, disabled, onRenderLabel]);\r\n\r\n  return (\r\n    <div className={classNames(classes.phoneNumberEditorContainer, 'phone-number-editor-container')}>\r\n      <div className={classNames(\r\n        classes.phoneNumberCountryMenuContainer,\r\n        'phone-number-country-menu-container'\r\n      )}\r\n      >\r\n        {countryDropDown}\r\n      </div>\r\n      <SmartTextEditor\r\n        value={phoneNumber}\r\n        onChange={onPhoneNumberInputChange}\r\n        customStyles={textEditorStyles}\r\n        disabled={disabled}\r\n        errorMessage={errorMessage || internalErrorMessage}\r\n        {...passThroughProps}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartPhoneNumberEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n  onPhoneNumberChange: PropTypes.func,\r\n  onRenderLabel: PropTypes.func,\r\n  initialCountryCode: PropTypes.string,\r\n  label: PropTypes.string,\r\n  dataSourceName: PropTypes.string,\r\n  value: PropTypes.string,\r\n  disabled: PropTypes.bool,\r\n  errorMessage: PropTypes.string,\r\n  ignoreInternalValidate: PropTypes.bool,\r\n};\r\n\r\nUnstyledSmartPhoneNumberEditor.defaultProps = {\r\n  onPhoneNumberChange: _.noop,\r\n  // This is used in differentiating US and CA\r\n  // TODO: Use US for now. Need to store the countryCode in dataSource in next PR\r\n  initialCountryCode: 'US',\r\n  label: '',\r\n  dataSourceName: null,\r\n  value: '',\r\n  disabled: false,\r\n  errorMessage: '',\r\n  ignoreInternalValidate: false,\r\n  onRenderLabel: undefined,\r\n};\r\n\r\nUnstyledSmartPhoneNumberEditor.displayName = 'SmartPhoneNumberEditor';\r\n\r\nexport const SmartPhoneNumberEditor = withDefaultStyles(\r\n  UnstyledSmartPhoneNumberEditor,\r\n  getStyles\r\n);\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport { Editor, GetContentMode } from 'roosterjs';\r\nimport classNames from 'classnames';\r\n\r\nimport { Label } from '@fluentui/react/lib/Label';\r\nimport { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\nimport {\r\n  SiteConfigContext,\r\n  useDebouncedDispatchSiteConfig,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getDataSourceByKey,\r\n  useDefaultEditorStyle,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { RibbonButtons, RichTextEditor } from '@bingads-webui-react/rich-text-editor';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { validateText, TextErrorMap } from './text-helper';\r\n\r\n// Create a dangling div to calculate content length\r\nconst tmpDiv = document.createElement('div');\r\nconst editorForCharCount = new Editor(tmpDiv);\r\n\r\nconst ribbonButtons = [\r\n  RibbonButtons.Bold,\r\n  RibbonButtons.Italic,\r\n  RibbonButtons.Underline,\r\n  RibbonButtons.Bullet,\r\n  RibbonButtons.Numbering,\r\n  RibbonButtons.AlignLeft,\r\n  RibbonButtons.AlignCenter,\r\n  RibbonButtons.AlignRight,\r\n  RibbonButtons.InsertHyperlink,\r\n  RibbonButtons.RemoveHyperlink,\r\n  RibbonButtons.Undo,\r\n  RibbonButtons.Redo,\r\n  RibbonButtons.RemoveFormatting,\r\n  RibbonButtons.Clear,\r\n];\r\n\r\nexport const getRawTextFromRichText = (richText) => {\r\n  editorForCharCount.setContent(richText);\r\n\r\n  return editorForCharCount.getContent(GetContentMode.PlainText);\r\n};\r\n\r\nconst getStyles = () => ({\r\n  charRemaining: {\r\n    color: '#605e5c',\r\n    fontSize: '12px',\r\n    display: 'block',\r\n    textAlign: 'right',\r\n  },\r\n  errorMessage: {\r\n    color: '#a80000',\r\n    fontSize: '12px',\r\n    paddingTop: '5px',\r\n  },\r\n  rteContainer: {\r\n    [mobileDevice]: {\r\n      '& .rich-text-editor-wrapper': {\r\n        minHeight: 180,\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst sectionTitleLabelId = 'smart-rich-text-editor-label';\r\n\r\nconst UnstyledSmartRichTextEditor = (props) => {\r\n  const {\r\n    // below two fields are mutually exclusive (dataSourceName takes precedence)\r\n    dataSourceName, value,\r\n\r\n    classes,\r\n    className,\r\n    label,\r\n    onChange,\r\n    maxCharCount,\r\n    placeholder,\r\n    customErrorMap,\r\n    isRequired,\r\n    onValidate,\r\n  } = props;\r\n  const { sectionTitleClassName } = useDefaultEditorStyle();\r\n  const [validatedResult, setValidatedResult] = useState({});\r\n\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const inputVal = getDataSourceByKey(siteConfig, dataSourceName, value, false) || '';\r\n  const debouncedDispatchSiteConfig = useDebouncedDispatchSiteConfig();\r\n  const i18n = useContext(I18nContext);\r\n\r\n  const onChangeAction = (val) => {\r\n    if (dataSourceName) {\r\n      debouncedDispatchSiteConfig({\r\n        type: 'UPDATE_DATASOURCE_BY_NAME',\r\n        payload: {\r\n          name: dataSourceName,\r\n          value: val,\r\n        },\r\n      });\r\n    }\r\n\r\n    onChange({\r\n      value: val,\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    const plainText = getRawTextFromRichText(inputVal);\r\n    const validation = validateText(\r\n      plainText,\r\n      maxCharCount,\r\n      i18n,\r\n      undefined,\r\n      isRequired,\r\n      customErrorMap\r\n    );\r\n\r\n    onValidate(validation.errorMessage);\r\n    setValidatedResult(validation);\r\n  }, [customErrorMap, i18n, isRequired, inputVal, maxCharCount, onValidate]);\r\n\r\n  return (\r\n    <div className={className}>\r\n      <Label id={sectionTitleLabelId} className={classNames(sectionTitleClassName, 'smart-rich-text-editor-label')} >\r\n        <span>{label}</span>\r\n      </Label>\r\n      <div className={classNames('smart-rich-text-editor-container', classes.rteContainer)}>\r\n        <RichTextEditor\r\n          i18n={i18n}\r\n          onContentChanged={onChangeAction}\r\n          initialContent={inputVal}\r\n          placeholder={placeholder}\r\n          ribbonButtons={ribbonButtons}\r\n        />\r\n      </div>\r\n      <span className={classes.charRemaining}>{validatedResult.charRemainingDescription}</span>\r\n      <div role=\"alert\">\r\n        <span className={classes.errorMessage}>{validatedResult.errorMessage}</span>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartRichTextEditor.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  className: PropTypes.string,\r\n  label: PropTypes.oneOfType([\r\n    PropTypes.string,\r\n    PropTypes.node,\r\n  ]).isRequired,\r\n  isRequired: PropTypes.bool,\r\n  onChange: PropTypes.func,\r\n  maxCharCount: PropTypes.number,\r\n  dataSourceName: PropTypes.string,\r\n  value: PropTypes.string,\r\n  placeholder: PropTypes.string,\r\n  onValidate: PropTypes.func,\r\n  customErrorMap: PropTypes.shape({\r\n    [TextErrorMap.MaxLength]: PropTypes.string,\r\n  }),\r\n};\r\n\r\nconst emptyObj = {};\r\n\r\nUnstyledSmartRichTextEditor.defaultProps = {\r\n  className: null,\r\n  onChange: _.noop,\r\n  maxCharCount: undefined,\r\n  placeholder: undefined,\r\n\r\n  // below two fields are mutually exclusive (dataSourceName takes precedence)\r\n  dataSourceName: null,\r\n  value: undefined,\r\n  customErrorMap: emptyObj,\r\n  isRequired: false,\r\n  onValidate: _.noop,\r\n};\r\n\r\nexport const SmartRichTextEditor = withErrorView(withDefaultStyles(\r\n  UnstyledSmartRichTextEditor,\r\n  getStyles\r\n), 'componentMode');\r\n","export const dataProperties = {\r\n  aboutUs: 'aboutUs',\r\n  businessSummary: 'businessSummary',\r\n};\r\n\r\nexport const placeholderValues = {\r\n  [dataProperties.aboutUs]: _TL_('About Us'),\r\n  [dataProperties.businessSummary]: _TL_('Tell customers about what sets your business apart'),\r\n};\r\n\r\n","/* eslint-disable react/no-danger */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { HtmlSanitizer } from 'roosterjs';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\n\r\nimport { dataProperties } from './data-config';\r\n\r\nconst getStyles = (components = {}, { palette = {} }) => {\r\n  const container = {\r\n    ...components.section,\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n  };\r\n  const businessSummary = {\r\n    fontSize: 18,\r\n    lineHeight: '28px',\r\n    color: palette.secondaryText,\r\n    margin: '24px 50px 25px 50px',\r\n  };\r\n\r\n  return {\r\n    container,\r\n    mobileContainer: {\r\n      ...container,\r\n      marginLeft: 0,\r\n      marginRight: 0,\r\n    },\r\n    aboutUs: {\r\n      ...components.truncate,\r\n      ...components.sectionTitle,\r\n      padding: '0 20px',\r\n      display: 'block',\r\n      textAlign: 'center',\r\n    },\r\n    businessSummaryContainer: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      maxWidth: 900,\r\n      wordBreak: 'break-word',\r\n      backgroundColor: palette.secondaryBackground,\r\n    },\r\n    businessSummary,\r\n    mobileBusinessSummary: {\r\n      ...businessSummary,\r\n      margin: '24px 23px 24px 23px',\r\n      textAlign: 'left',\r\n    },\r\n  };\r\n};\r\n\r\nexport const UnStyledSmartSummaryView = ({\r\n  classes,\r\n  aboutUs,\r\n  summary,\r\n  id,\r\n}) => {\r\n  const { isMobile } = useClientContext();\r\n\r\n  const summaryHtmlContent = HtmlSanitizer.sanitizeHtml(HtmlSanitizer.convertInlineCss(summary));\r\n\r\n  return (\r\n    <div\r\n      className={isMobile ? classes.mobileContainer : classes.container}\r\n      id={id}\r\n    >\r\n      <h2 className={classNames(classes.aboutUs, 'component-title')} data-property={dataProperties.aboutUs}>\r\n        {aboutUs}\r\n      </h2>\r\n      <div\r\n        className={classes.businessSummaryContainer}\r\n        data-property={dataProperties.businessSummary}\r\n      >\r\n        <div className={isMobile ? classes.mobileBusinessSummary : classes.businessSummary}>\r\n          <div dangerouslySetInnerHTML={{ __html: summaryHtmlContent }} />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartSummaryView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  aboutUs: PropTypes.string.isRequired,\r\n  summary: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartSummaryView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartSummaryView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { SiteConfigContext, useI18n } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKeys,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartSummaryView } from './smart-summary-view';\r\nimport { placeholderValues, dataProperties } from './data-config';\r\n\r\nexport const SmartSummaryConnector = ({ id }) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const { aboutUs, businessSummary } = getComponentById(siteConfig, id);\r\n  const i18n = useI18n();\r\n\r\n  const [\r\n    businessDescription,\r\n  ] = getDataSourceByKeys(siteConfig, [\r\n    DATA_SOURCE_KEY_MAPPING.BusinessDescription,\r\n  ]);\r\n\r\n  return (\r\n    <SmartSummaryView\r\n      aboutUs={aboutUs || i18n.getString(placeholderValues[dataProperties.aboutUs])}\r\n      summary={\r\n        businessSummary\r\n        || businessDescription\r\n        || i18n.getString(placeholderValues[dataProperties.businessSummary])\r\n      }\r\n      id={id}\r\n    />\r\n  );\r\n};\r\n\r\nSmartSummaryConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import _ from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport { loadScriptAsynchronously } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const DEFAULT_BING_MAP_API_KEY = 'AgRuCtepgsuuCYV9J6S6w1j8ay2JJwnu8f5EPgv4kkoJoIuka8yui-NzKrvlESTQ';\r\n\r\n// Default location: One Microsoft Way, Redmond, WA 98052\r\nexport const DEFAULT_GEO_LOCATION = {\r\n  latitude: 47.64,\r\n  longitude: -122.13,\r\n};\r\n\r\nexport const injectScript = (logger) => {\r\n  const sdkSrc = 'https://www.bing.com/api/maps/mapcontrol';\r\n  const sdkId = 'Bing-map-sdk';\r\n\r\n  return loadScriptAsynchronously({\r\n    id: sdkId,\r\n    src: sdkSrc,\r\n    logger,\r\n  });\r\n};\r\n\r\nexport const getBingMapsSdk = () => {\r\n  const { Microsoft } = window;\r\n\r\n  if (_.isUndefined(Microsoft)\r\n    || _.isUndefined(Microsoft.Maps)\r\n    || _.isUndefined(Microsoft.Maps.Color)\r\n    || _.isUndefined(Microsoft.Maps.loadModule)) {\r\n    return null;\r\n  }\r\n\r\n  return Microsoft.Maps;\r\n};\r\n\r\n/**\r\n * Poll until the Bing Maps SDK is available on this page.\r\n * @param {Number} [maxAttempts=10] - Max number of attempts.\r\n * @param {Number} [interval=100] - Time in ms to wait between attempts.\r\n * @param {Number} [currentAttempts=0] - Current number of attempts.\r\n * @returns {Promise} - Promise that resolves to the Bing Maps SDK or null if it failed to load.\r\n */\r\nexport const pollForBingMapsSdk = (maxAttempts = 10, interval = 100, currentAttempts = 0) => {\r\n  const sdk = getBingMapsSdk();\r\n  if (!sdk) {\r\n    if (currentAttempts >= maxAttempts) {\r\n      // reached max attempts\r\n      return Promise.resolve(null);\r\n    }\r\n\r\n    // delay and then poll again\r\n    return Promise.delay(interval)\r\n      .then(() => pollForBingMapsSdk(maxAttempts, interval, currentAttempts + 1));\r\n  }\r\n\r\n  return Promise.resolve(sdk);\r\n};\r\n\r\n","import _ from 'underscore';\r\n\r\nimport { DEFAULT_GEO_LOCATION } from './utils';\r\n\r\n/**\r\n * Represents an instance of a Bing Maps V8 Web Control.\r\n * See: https://docs.microsoft.com/en-us/bingmaps/v8-web-control/\r\n */\r\nexport class BingMap {\r\n  constructor({\r\n    bingMapsApiKey,\r\n    element,\r\n    Maps,\r\n    onGetTooltipHtmlContent,\r\n  }) {\r\n    this.Maps = Maps;\r\n    this.center = new Maps.Location(\r\n      DEFAULT_GEO_LOCATION.latitude,\r\n      DEFAULT_GEO_LOCATION.longitude\r\n    );\r\n    const mapOptions = {\r\n      center: this.center,\r\n      credentials: bingMapsApiKey,\r\n      enableSearchLogo: false,\r\n      mapTypeId: Maps.MapTypeId.road,\r\n      navigationBarMode: Maps.NavigationBarMode.compact,\r\n      restrictKeyboardListeningToMapContainer: true,\r\n      showBreadcrumb: false,\r\n      showDashboard: true,\r\n      showLocateMeButton: false,\r\n      showMapTypeSelector: false,\r\n      showScalebar: true,\r\n      zoom: 11,\r\n    };\r\n\r\n    this.polygonLayer = new Maps.Layer({ zIndex: 100 });\r\n    this.pushpinLayer = new Maps.Layer({ zIndex: 200 });\r\n\r\n    // Create Bing Map and render inside the element\r\n    this.map = Maps.Map(element, mapOptions);\r\n    // Add layers to map\r\n    this.map.layers.insertAll([this.polygonLayer, this.pushpinLayer]);\r\n\r\n    this.onGetTooltipHtmlContent = onGetTooltipHtmlContent;\r\n    // TODO: support customized infobox\r\n    if (_.isFunction(this.onGetTooltipHtmlContent)) {\r\n      this.tooltip = new Maps.Infobox(\r\n        new Maps.Location(0, 0),\r\n        {\r\n          showPointer: true,\r\n          showCloseButton: false,\r\n          visible: false,\r\n        }\r\n      );\r\n      // Assign the infobox to a map instance.\r\n      this.tooltip.setMap(this.map);\r\n    }\r\n  }\r\n\r\n  addPushpinToCenter(point, { eventType, handler } = {}) {\r\n    this.center = new this.Maps.Location(point.latitude, point.longitude);\r\n\r\n    this.map.setView({\r\n      center: this.center,\r\n      zoom: 13,\r\n    });\r\n\r\n    const pushpin = new this.Maps.Pushpin(this.center);\r\n\r\n    if (eventType && handler) {\r\n      this.Maps.Events.addHandler(pushpin, eventType, handler);\r\n    }\r\n\r\n    // Clear all existing pushpins\r\n    for (let i = this.map.entities.getLength() - 1; i >= 0; i -= 1) {\r\n      const entity = this.map.entities.get(i);\r\n      if (entity instanceof this.Maps.Pushpin) {\r\n        this.map.entities.removeAt(i);\r\n      }\r\n    }\r\n\r\n    // Add the pushpin to the map\r\n    this.map.entities.push(pushpin);\r\n  }\r\n}\r\n","import { createContext } from 'react';\r\n\r\nexport const BingMapsContext = createContext({});\r\n","import React, { useCallback, useMemo, useState, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n  InstrumentationServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { BingMapsContext } from './bing-maps-context';\r\nimport {\r\n  DEFAULT_BING_MAP_API_KEY,\r\n  injectScript,\r\n  pollForBingMapsSdk,\r\n} from './utils';\r\n\r\n/**\r\n * Provides shared values for initializing Bing Maps related services.\r\n * @param {Object} props - React Props.\r\n * @returns {ReactNode} - BingMapsContext provider.\r\n */\r\nexport function BingMapsContextProvider(props) {\r\n  const {\r\n    bingMapsApiKey,\r\n    children,\r\n  } = props;\r\n\r\n  const [loadBingMapsSdkRequested, setLoadBingMapsSdkRequested] = useState(false);\r\n  const [Maps, setMaps] = useState(null);\r\n\r\n  const logger = useContext(InstrumentationServiceContext);\r\n\r\n  const loadBingMapsSdk = useCallback(() => {\r\n    if (loadBingMapsSdkRequested) {\r\n      // SDK initialization has already started, nothing to do\r\n      return;\r\n    }\r\n\r\n    setLoadBingMapsSdkRequested(true);\r\n\r\n    // poll once to check if SDK is already on the page\r\n    pollForBingMapsSdk(1).then((existingSdk) => {\r\n      if (existingSdk) {\r\n        setMaps(existingSdk);\r\n      } else {\r\n        // asynchronously load the external javascript and then poll until the Map APIs are loaded\r\n        injectScript(logger)\r\n          .then(pollForBingMapsSdk)\r\n          .then((newSdk) => {\r\n            setMaps(newSdk);\r\n          });\r\n      }\r\n    });\r\n  }, [loadBingMapsSdkRequested, logger]);\r\n\r\n  const value = useMemo(() => ({\r\n    bingMapsApiKey,\r\n    loadBingMapsSdk,\r\n    Maps,\r\n  }), [\r\n    bingMapsApiKey,\r\n    loadBingMapsSdk,\r\n    Maps,\r\n  ]);\r\n\r\n  return (\r\n    <BingMapsContext.Provider value={value}>\r\n      {children}\r\n    </BingMapsContext.Provider>\r\n  );\r\n}\r\n\r\nBingMapsContextProvider.propTypes = {\r\n  /**\r\n   * API key for use with Bing Maps. You can obtain an API key from https://www.bingmapsportal.com/\r\n   */\r\n  bingMapsApiKey: PropTypes.string,\r\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,\r\n};\r\n\r\nBingMapsContextProvider.defaultProps = {\r\n  bingMapsApiKey: DEFAULT_BING_MAP_API_KEY,\r\n};\r\n","import Promise from 'bluebird';\r\nimport { http } from '@bingads-webui/http-util';\r\n\r\nimport { DEFAULT_BING_MAP_API_KEY } from './utils';\r\n\r\nconst BING_MAPS_API_BASE_URL = 'https://dev.virtualearth.net/REST/v1/';\r\n\r\nconst LOCATIONS_PATH = 'Locations';\r\nconst AUTO_SUGGEST_PATH = 'Autosuggest';\r\n\r\nexport function LocationService({\r\n  apiKey = DEFAULT_BING_MAP_API_KEY,\r\n}) {\r\n  const service = {};\r\n\r\n  service.query = (query) => {\r\n    if (query) {\r\n      const url = `${BING_MAPS_API_BASE_URL}${LOCATIONS_PATH}`;\r\n\r\n      return http.get(`${url}`, {\r\n        data: {\r\n          key: apiKey,\r\n          o: 'json',\r\n          incl: 'ciso2',\r\n          query,\r\n        },\r\n        // to avoid a CORS check, content type needs to be empty string\r\n        // see: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Simple_requests\r\n        contentType: '',\r\n      });\r\n    }\r\n    return Promise.resolve({});\r\n  };\r\n\r\n  service.autoSuggest = (query, maxResults = 5) => {\r\n    if (query) {\r\n      const url = `${BING_MAPS_API_BASE_URL}${AUTO_SUGGEST_PATH}`;\r\n\r\n      return http.get(`${url}`, {\r\n        data: {\r\n          key: apiKey,\r\n          query,\r\n          maxRes: maxResults,\r\n        },\r\n        // to avoid a CORS check, content type needs to be empty string\r\n        // see: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Simple_requests\r\n        contentType: '',\r\n      });\r\n    }\r\n    return Promise.resolve({});\r\n  };\r\n\r\n  return service;\r\n}\r\n","import { isArray, map } from 'underscore';\r\nimport { useState, useCallback, useEffect, useRef, useContext } from 'react';\r\nimport {\r\n  InstrumentationServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { LocationService } from './location-service';\r\nimport { DEFAULT_BING_MAP_API_KEY, DEFAULT_GEO_LOCATION } from './utils';\r\n\r\nexport const useLocationsFromBingMapsApi = (apiKey = DEFAULT_BING_MAP_API_KEY) => {\r\n  const isInit = useRef(true);\r\n  const [service, setService] = useState(new LocationService({ apiKey }));\r\n  const logger = useContext(InstrumentationServiceContext);\r\n\r\n  const getLocations = useCallback((query) => {\r\n    logger.logTrace('BingMapLocation');\r\n\r\n    // Bing map API has limit on query length,\r\n    // so only use part of location to get the geoLocation info\r\n    const trimmedQuery = String(query).trim().slice(0, 120);\r\n\r\n    return service.query(trimmedQuery).then((res) => {\r\n      logger.logTrace('BingMapGetLocation-Succeed');\r\n      // Always make sure has a result\r\n      const locationRes = {\r\n        isFallbackLoc: true, // indicate if the location is default\r\n        geoLocation: DEFAULT_GEO_LOCATION,\r\n      };\r\n\r\n      if (res && isArray(res.resourceSets)) {\r\n        const firstResourceSet = res.resourceSets[0];\r\n        if (firstResourceSet && isArray(firstResourceSet.resources)) {\r\n          for (let index = 0; index < firstResourceSet.resources.length; index += 1) {\r\n            const location = firstResourceSet.resources[index];\r\n\r\n            if (location && location.point && isArray(location.point.coordinates)) {\r\n              locationRes.geoLocation = {\r\n                latitude: location.point.coordinates[0],\r\n                longitude: location.point.coordinates[1],\r\n              };\r\n              locationRes.isFallbackLoc = false;\r\n\r\n              break;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      return locationRes;\r\n    }).catch(() => {\r\n      logger.logTrace(`BingMapGetLocation-Fail-${query}`);\r\n\r\n      return {\r\n        isFallbackLoc: true,\r\n        geoLocation: DEFAULT_GEO_LOCATION,\r\n      };\r\n    });\r\n  }, [logger, service]);\r\n\r\n  const getAutoSuggestedLocations = useCallback(\r\n    (query, max) => {\r\n      logger.logTrace('BingMapAutoSuggestion');\r\n\r\n      const trimmedQuery = String(query).trim();\r\n\r\n      return service.autoSuggest(trimmedQuery, max).then((res) => {\r\n        logger.logTrace('BingMapAutoSuggestion-Succeed');\r\n\r\n        let suggestedLocations = [];\r\n\r\n        if (res && isArray(res.resourceSets)) {\r\n          const firstResourceSet = res.resourceSets[0];\r\n\r\n          if (firstResourceSet && isArray(firstResourceSet.resources)) {\r\n            const suggestedResults = firstResourceSet.resources[0];\r\n\r\n            if (suggestedResults && isArray(suggestedResults.value)) {\r\n              suggestedLocations = map(\r\n                suggestedResults.value,\r\n                item => ({\r\n                  // eslint-disable-next-line no-underscore-dangle\r\n                  key: `${item.name}-${item.__type}-${item.address.formattedAddress}`,\r\n                  name: item.name || '',\r\n                  formattedAddress: item.address.formattedAddress,\r\n                  // formattedAddress could be same, so append \"name\" to differentiate them\r\n                  completeAddress: `${item.name ? `${item.name}, ` : ''}${item.address.formattedAddress}`,\r\n                  rawAddress: item.address,\r\n                })\r\n              );\r\n            }\r\n          }\r\n        }\r\n\r\n        return suggestedLocations;\r\n      }).catch(() => {\r\n        logger.logTrace(`BingMapAutoSuggestion-Fail-${query}`);\r\n\r\n        return [];\r\n      });\r\n    },\r\n    [service, logger]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (isInit.current) {\r\n      isInit.current = false;\r\n    } else {\r\n      setService(new LocationService({ apiKey }));\r\n    }\r\n  }, [apiKey]);\r\n\r\n  return {\r\n    getAutoSuggestedLocations,\r\n    getLocations,\r\n  };\r\n};\r\n","export const dataProperties = {\r\n  emails: 'emails',\r\n  phoneNumber: 'phoneNumber',\r\n  locationInfo: 'locationInfo',\r\n  businessHours: 'businessHours',\r\n  bingMap: 'bingMap',\r\n};\r\n","import { map, reduce, isEmpty } from 'underscore';\r\n\r\nexport const validateLocation = location => (\r\n  !isEmpty(location)\r\n);\r\n\r\nexport const validateGeoLocation = geoLocationInfo => (\r\n  !isEmpty(geoLocationInfo) && !geoLocationInfo.isFallbackLoc\r\n);\r\n\r\nexport const validateHours = (hours) => {\r\n  const daysValid = map(hours, day => (\r\n    day.isValid === true\r\n  ));\r\n  return reduce(daysValid, (day, allValid) => (day && allValid), true);\r\n};\r\n","import { compact, isArray, isEmpty, reduce, keys, invert } from 'underscore';\r\nimport { SmartActionButtonTypes } from '@bingads-webui-campaign-react/smart-component-action-button';\r\nimport { WEBSITE_SOURCE_DATA_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const proxyReadContactComponentConfig = (componentConfig) => {\r\n  const {\r\n    showEmail = true,\r\n    showPhone = true,\r\n    showLocation = true,\r\n    showHours = true,\r\n    showMap, // don't provide default value, undefined is also a status\r\n  } = componentConfig;\r\n\r\n  return {\r\n    showEmail,\r\n    showPhone,\r\n    showLocation,\r\n    showHours,\r\n    showMap,\r\n  };\r\n};\r\n\r\nexport const toggleValueToActionButtonTypeMapping = {\r\n  showEmail: SmartActionButtonTypes.SendMail.name,\r\n  showPhone: SmartActionButtonTypes.CallNow.name,\r\n  showLocation: SmartActionButtonTypes.GetDirections.name,\r\n};\r\n\r\nexport const getActionTypesForContactComponent = (componentConfig) => {\r\n  const {\r\n    showEmail,\r\n    showPhone,\r\n    showLocation,\r\n  } = proxyReadContactComponentConfig(componentConfig);\r\n  const actionTypes = compact([\r\n    showEmail && toggleValueToActionButtonTypeMapping.showEmail,\r\n    showPhone && toggleValueToActionButtonTypeMapping.showPhone,\r\n    showLocation && toggleValueToActionButtonTypeMapping.showLocation,\r\n  ]);\r\n\r\n  return actionTypes;\r\n};\r\n\r\nconst MAPPING_KEY_TO_MT = {\r\n  latitude: 'Latitude',\r\n  longitude: 'Longitude',\r\n  isFallbackLoc: 'IsFallbackLoc',\r\n};\r\n\r\nconst MAPPING_MT_TO_KEY = invert(MAPPING_KEY_TO_MT);\r\n\r\n/**\r\n * Make the key name as upper case or lower case\r\n * MT variable name is different from UI side, MT need variable name to be started with\r\n * capital while UI side needs to be lower case.\r\n * @param {Object} geoLocationInfo GeolocationInfo\r\n * @param {Boolean} needUpperKeyName To upper case or lower case\r\n * @returns {Object} A formatted geoLocationInfo\r\n */\r\nexport const formatGeoLocation = (geoLocationInfo, needUpperKeyName) => {\r\n  if (isEmpty(geoLocationInfo)) {\r\n    return geoLocationInfo;\r\n  }\r\n\r\n  if (needUpperKeyName) {\r\n    return reduce(keys(geoLocationInfo), (memo, cur) => {\r\n      const newKeyName = MAPPING_KEY_TO_MT[cur];\r\n\r\n      return newKeyName ? { ...memo, [newKeyName]: geoLocationInfo[cur] } : memo;\r\n    }, {});\r\n  }\r\n\r\n  return reduce(keys(geoLocationInfo), (memo, cur) => {\r\n    const newKeyName = MAPPING_MT_TO_KEY[cur];\r\n\r\n    return newKeyName ? { ...memo, [newKeyName]: geoLocationInfo[cur] } : memo;\r\n  }, {});\r\n};\r\n\r\nexport const getGeolocationInfo = (siteConfig = {}) => {\r\n  let geoLocationInfo = null;\r\n  const { websiteSourceData = {} } = siteConfig;\r\n  const locations = websiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.Locations];\r\n\r\n  if (isArray(locations) && !isEmpty(locations[0])) {\r\n    [geoLocationInfo] = locations;\r\n  }\r\n\r\n  return formatGeoLocation(geoLocationInfo, false);\r\n};\r\n","import React, {\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n  useCallback,\r\n  useRef,\r\n} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { compact, first, map, uniqueId, isEmpty } from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { SmartActionButton, getDirectionUri } from '@bingads-webui-campaign-react/smart-component-action-button';\r\nimport {\r\n  useClientContext,\r\n  useIsBusinessHourSectionEnabled,\r\n  useIsSmartPageMapEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { ResponsiveMode, sendLeadsTrackingData } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  BingMapsContext,\r\n  BingMap,\r\n} from '@bingads-webui-campaign-react/smart-component-bing-maps';\r\nimport { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\nimport { SmartBusinessHoursConnector } from '@bingads-webui-campaign-react/smart-component-business-hours';\r\nimport { TooltipWrapper } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\n\r\nimport { dataProperties } from './data-config';\r\nimport { validateGeoLocation } from './components/validations';\r\nimport { toggleValueToActionButtonTypeMapping } from './components/component-config-reader';\r\n\r\n\r\nconst getStyles = (components, { palette = {} }) => ({\r\n  container: {\r\n    ...components.section,\r\n    marginLeft: '13%',\r\n    marginRight: '13%',\r\n    marginBottom: 32,\r\n  },\r\n  containerWithOutBizHour: {\r\n    ...components.section,\r\n    marginLeft: '13%',\r\n    marginRight: '13%',\r\n  },\r\n  title: {\r\n    ...components.sectionTitle,\r\n  },\r\n  mapContainer: {\r\n    height: 260,\r\n    width: '100%',\r\n    marginBottom: 28,\r\n    '& .MicrosoftMap': {\r\n      zIndex: 0,\r\n    },\r\n  },\r\n  hidden: {\r\n    display: 'none',\r\n  },\r\n  mapItem: {\r\n    height: '100%',\r\n    width: '100%',\r\n  },\r\n  // Hide controls for nested interactive issue\r\n  hideMapControls: {\r\n    '& .NavBar_Container, & .CopyrightContainer, & .bm_LogoContainer, & #mapFocus': {\r\n      display: 'none',\r\n    },\r\n    pointerEvents: 'none',\r\n  },\r\n  contactMethodsItemContainer: {\r\n    paddingBottom: 28,\r\n    display: 'flex',\r\n    width: '100%',\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto',\r\n    justifyContent: 'center',\r\n  },\r\n  contactMethodsItem: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    flex: 1,\r\n    justifyContent: 'space-between',\r\n    textAlign: 'center',\r\n    minWidth: 301,\r\n    maxWidth: 301,\r\n    height: 210,\r\n    boxShadow: '0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)',\r\n    borderRadius: 2,\r\n    margin: '0px 26px',\r\n    background: palette.cardBackground,\r\n    [mobileDevice]: {\r\n      minWidth: 0,\r\n    },\r\n  },\r\n  contactMethodsItemTitle: {\r\n    color: palette.secondaryText,\r\n    fontSize: 24,\r\n    lineHeight: '20px',\r\n    marginTop: 27,\r\n    fontWeight: 600,\r\n    marginBottom: 0,\r\n  },\r\n  contactMethodsItemContent: {\r\n    color: palette.secondaryText,\r\n    fontSize: 16,\r\n    lineHeight: '20px',\r\n    marginTop: 12,\r\n    marginBottom: 12,\r\n    marginLeft: '5%',\r\n    marginRight: '5%',\r\n  },\r\n  contactMethodsActionButton: {\r\n    marginTop: 'auto',\r\n    marginBottom: 20,\r\n  },\r\n  contactMethodsItemButton: {\r\n    ...components.defaultButton,\r\n    border: `2px solid ${palette.secondaryText}`,\r\n    fontWeight: 'bold',\r\n    fontSize: 18,\r\n    lineHeight: '24px',\r\n    padding: '6px 20px 10px 20px',\r\n  },\r\n  businessHoursContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n  },\r\n  mobileMode: {\r\n    '& $contactMethodsItemContainer': {\r\n      display: 'block',\r\n      paddingBottom: 0,\r\n      marginLeft: 0,\r\n    },\r\n    '& $contactMethodsItem': {\r\n      marginBottom: 28,\r\n      marginLeft: 'auto',\r\n      marginRight: 'auto',\r\n    },\r\n  },\r\n  smallDesktopMode: {\r\n    '& $contactMethodsItemContainer': {\r\n      display: 'block',\r\n      paddingBottom: 0,\r\n      marginLeft: 0,\r\n    },\r\n    '& $contactMethodsItem': {\r\n      minWidth: '400px !important',\r\n      maxWidth: '400px !important',\r\n      marginBottom: 28,\r\n      marginLeft: 'auto',\r\n      marginRight: 'auto',\r\n    },\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartContactView = ({\r\n  classes,\r\n  i18n,\r\n  id,\r\n  showEmail,\r\n  emailList,\r\n  phoneNumber,\r\n  showPhone,\r\n  showLocation,\r\n  locationInfo,\r\n  geoLocationInfo,\r\n  showHours,\r\n  showMap,\r\n  isEditMode,\r\n}) => {\r\n  const isBusinessHourSectionEnabled = useIsBusinessHourSectionEnabled();\r\n  const isSmartPageMapEnabled = useIsSmartPageMapEnabled();\r\n  const { isRuntime, responsiveMode } = useClientContext();\r\n  const { Maps, loadBingMapsSdk, bingMapsApiKey } = useContext(BingMapsContext);\r\n\r\n  const [bingMap, setBingMap] = useState(null);\r\n\r\n  // Editing mode: Show map without caring the warnings\r\n  // Non editing mode: If there is any warnings, hide the map\r\n  const hideInNonEditingMode = !isEditMode && !validateGeoLocation(geoLocationInfo);\r\n  const isShowingBingMap = isSmartPageMapEnabled && showMap && !hideInNonEditingMode;\r\n\r\n  const contactMethods = compact([\r\n    showPhone !== false &&\r\n    {\r\n      title: i18n.getString(_TL_('Call Us')),\r\n      content: phoneNumber,\r\n      property: dataProperties.phoneNumber,\r\n      placeholder: `<${i18n.getString(_TL_('Phone number'))}>`,\r\n      renderFooter: () => (\r\n        <SmartActionButton\r\n          id={uniqueId('contact_phone_cta_')}\r\n          isEditMode={isEditMode}\r\n          isRuntime={isRuntime}\r\n          overrideButtonConfig={{\r\n            actionType: toggleValueToActionButtonTypeMapping.showPhone,\r\n            'data-source-name': dataProperties.phoneNumber,\r\n          }}\r\n          className={classes.contactMethodsItemButton}\r\n        />\r\n      ),\r\n    },\r\n    showEmail !== false &&\r\n    {\r\n      title: i18n.getString(_TL_('Email Us')),\r\n      content: first(emailList),\r\n      property: dataProperties.emails,\r\n      placeholder: `<${i18n.getString(_TL_('Email'))}>`,\r\n      renderFooter: () => (\r\n        <SmartActionButton\r\n          id={uniqueId('contact_email_cta_')}\r\n          isEditMode={isEditMode}\r\n          isRuntime={isRuntime}\r\n          overrideButtonConfig={{\r\n            actionType: toggleValueToActionButtonTypeMapping.showEmail,\r\n            'data-source-name': dataProperties.emails,\r\n          }}\r\n          className={classes.contactMethodsItemButton}\r\n        />\r\n      ),\r\n    },\r\n    showLocation !== false &&\r\n    {\r\n      title: i18n.getString(_TL_('Visit Us')),\r\n      content: locationInfo,\r\n      property: dataProperties.locationInfo,\r\n      placeholder: `<${i18n.getString(_TL_('Address'))}>`,\r\n      renderFooter: () => (\r\n        <SmartActionButton\r\n          id={uniqueId('contact_address_cta_')}\r\n          isEditMode={isEditMode}\r\n          isRuntime={isRuntime}\r\n          overrideButtonConfig={{\r\n            actionType: toggleValueToActionButtonTypeMapping.showLocation,\r\n            'data-source-name': dataProperties.locationInfo,\r\n          }}\r\n          className={classes.contactMethodsItemButton}\r\n        />\r\n      ),\r\n    },\r\n  ]);\r\n\r\n  const contactRefs = useRef([]);\r\n  contactRefs.current = map(contactMethods, (value, index) => {\r\n    contactRefs.current[index] = undefined;\r\n  });\r\n\r\n  let responsiveModeClass;\r\n  if (responsiveMode === ResponsiveMode.Mobile) {\r\n    responsiveModeClass = 'mobileMode';\r\n  } else if (responsiveMode === ResponsiveMode.SmallDesktop) {\r\n    responsiveModeClass = 'smallDesktopMode';\r\n  } else {\r\n    // medium and large behave the same\r\n    responsiveModeClass = 'largeDesktopMode';\r\n  }\r\n\r\n  const trackCopyEvent = useCallback(() => {\r\n    if (isRuntime) {\r\n      sendLeadsTrackingData();\r\n    }\r\n  }, [isRuntime]);\r\n\r\n  const bingMapPushpinEventHandler = useCallback(() => {\r\n    if (!isEditMode && !isEmpty(locationInfo)) {\r\n      const directionUri = getDirectionUri(locationInfo);\r\n      if (directionUri) {\r\n        window.open(directionUri);\r\n      }\r\n    }\r\n  }, [isEditMode, locationInfo]);\r\n\r\n  // make sure SDK is loaded\r\n  useEffect(() => {\r\n    if (!bingMap && isShowingBingMap) {\r\n      loadBingMapsSdk();\r\n    }\r\n  }, [loadBingMapsSdk, isShowingBingMap, bingMap]);\r\n\r\n  useEffect(() => {\r\n    // Add pushpin into the map\r\n    if (bingMap && !isEmpty(geoLocationInfo) && isShowingBingMap) {\r\n      bingMap.addPushpinToCenter(\r\n        geoLocationInfo,\r\n        {\r\n          eventType: 'click',\r\n          handler: bingMapPushpinEventHandler,\r\n        }\r\n      );\r\n    }\r\n  }, [bingMap, bingMapPushpinEventHandler, geoLocationInfo, isShowingBingMap]);\r\n\r\n  useEffect(() => {\r\n    // If Maps API has been loaded but map object not created yet\r\n    // Only create once, use CSS to hide map to improve performance\r\n    if (Maps !== null && bingMap === null && isShowingBingMap) {\r\n      const newBingMap = new BingMap({\r\n        bingMapsApiKey,\r\n        element: '#smart-page-bing-map',\r\n        Maps,\r\n      });\r\n\r\n      setBingMap(newBingMap);\r\n    }\r\n  }, [Maps, bingMap, bingMapsApiKey, setBingMap, isShowingBingMap]);\r\n\r\n  // useEffect(() => {\r\n  //   if (bingMap) {\r\n  //     bingMap.map.getCredentials((key) => {});\r\n  //   }\r\n  // }, [bingMap]);\r\n\r\n  useEffect(() => {\r\n    map(contactMethods, (value, index) => {\r\n      if (contactRefs.current[index]) {\r\n        const currentElement = contactRefs.current[index];\r\n        currentElement.addEventListener('copy', trackCopyEvent);\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      map(contactMethods, (value, index) => {\r\n        if (contactRefs.current[index]) {\r\n          const currentElement = contactRefs.current[index];\r\n          currentElement.removeEventListener('copy', trackCopyEvent);\r\n        }\r\n      });\r\n    };\r\n  }, [contactMethods, trackCopyEvent]);\r\n\r\n  const containerClass = isBusinessHourSectionEnabled\r\n    ? classes.containerWithOutBizHour\r\n    : classes.container;\r\n  const bingMapClass = classnames(\r\n    classes.mapContainer,\r\n    isShowingBingMap ? '' : `${classes.hidden} hidden`\r\n  );\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classnames(classes[responsiveModeClass], containerClass, 'contact-view')}\r\n    >\r\n      <h2 className={classnames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Contact Us'))}\r\n      </h2>\r\n      <div className={classes.contactMethodsItemContainer} >\r\n        {\r\n          map(contactMethods, ({\r\n            title,\r\n            content,\r\n            property,\r\n            placeholder,\r\n            renderFooter,\r\n          }, index) => (\r\n            <div className={classes.contactMethodsItem} key={index} data-property={property}>\r\n              <h3 className={classes.contactMethodsItemTitle}>{title}</h3>\r\n              <TooltipWrapper\r\n                content={content || placeholder}\r\n                lineClamp={4}\r\n              >\r\n                <div\r\n                  className={classes.contactMethodsItemContent}\r\n                  id={property}\r\n                  // eslint-disable-next-line no-return-assign\r\n                  ref={el => (contactRefs.current[index] = el)}\r\n                >\r\n                  {content || placeholder}\r\n                </div>\r\n              </TooltipWrapper>\r\n              <div className={classes.contactMethodsActionButton}>{renderFooter()}</div>\r\n            </div>\r\n          ))\r\n        }\r\n      </div>\r\n      <div className={classnames(bingMapClass, isEditMode ? classes.hideMapControls : '')}>\r\n        <div id=\"smart-page-bing-map\" className={classes.mapItem} />\r\n      </div>\r\n      {\r\n        (!isBusinessHourSectionEnabled && showHours) ? (\r\n          <div className={classes.businessHoursContainer}>\r\n            <SmartBusinessHoursConnector id={id} />\r\n          </div>\r\n        ) : null\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartContactView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    mobileMode: PropTypes.string.isRequired,\r\n    smallDesktopMode: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  emailList: PropTypes.arrayOf(PropTypes.string),\r\n  phoneNumber: PropTypes.string,\r\n  locationInfo: PropTypes.string,\r\n  geoLocationInfo: PropTypes.shape({\r\n    latitude: PropTypes.number,\r\n    longitude: PropTypes.number,\r\n    isFallbackLoc: PropTypes.bool,\r\n  }),\r\n  showPhone: PropTypes.bool,\r\n  showEmail: PropTypes.bool,\r\n  showLocation: PropTypes.bool,\r\n  showHours: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n  showMap: PropTypes.oneOfType([\r\n    PropTypes.bool,\r\n    PropTypes.string,\r\n  ]),\r\n};\r\n\r\nUnStyledSmartContactView.defaultProps = {\r\n  emailList: [],\r\n  phoneNumber: '',\r\n  locationInfo: '',\r\n  geoLocationInfo: null,\r\n  showPhone: true,\r\n  showEmail: true,\r\n  showLocation: true,\r\n  showHours: true,\r\n  isEditMode: false,\r\n  showMap: undefined,\r\n};\r\n\r\nexport const SmartContactView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartContactView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport {\r\n  BingMapsContextProvider\r\n} from '@bingads-webui-campaign-react/smart-component-bing-maps';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n  getDataSourceByKeys,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartContactView } from './smart-contact-view';\r\nimport { proxyReadContactComponentConfig, getGeolocationInfo } from './components/component-config-reader';\r\n\r\nexport const SmartContactConnector = ({ id, isEditMode }) => {\r\n  const i18n = useContext(I18nContext);\r\n  const { siteConfig } = useSiteConfig();\r\n  const {\r\n    showEmail,\r\n    showPhone,\r\n    showLocation,\r\n    showHours,\r\n    showMap,\r\n  } = proxyReadContactComponentConfig(getComponentById(siteConfig, id));\r\n  const [\r\n    emailList,\r\n    phoneNumber,\r\n    locationInfo,\r\n  ] = getDataSourceByKeys(siteConfig, [\r\n    DATA_SOURCE_KEY_MAPPING.Emails,\r\n    DATA_SOURCE_KEY_MAPPING.PhoneNumber,\r\n    DATA_SOURCE_KEY_MAPPING.LocationInfo,\r\n  ]);\r\n  const geoLocationInfo = getGeolocationInfo(siteConfig);\r\n\r\n  return (\r\n    <BingMapsContextProvider>\r\n      <SmartContactView\r\n        i18n={i18n}\r\n        id={id}\r\n        showEmail={showEmail}\r\n        emailList={emailList}\r\n        phoneNumber={phoneNumber}\r\n        showPhone={showPhone}\r\n        showLocation={showLocation}\r\n        locationInfo={locationInfo}\r\n        geoLocationInfo={geoLocationInfo}\r\n        showHours={showHours}\r\n        isEditMode={isEditMode}\r\n        showMap={showMap}\r\n      />\r\n    </BingMapsContextProvider>\r\n  );\r\n};\r\n\r\nSmartContactConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartContactConnector.defaultProps = {\r\n  isEditMode: false,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { uniqueId } from 'underscore';\r\nimport { Toggle } from '@fluentui/react/lib/Toggle';\r\nimport {\r\n  useDefaultEditorStyle,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  toggleContainer: {\r\n    justifyContent: 'space-between',\r\n  },\r\n});\r\n\r\nconst UnstyledCustomizedToggle = ({\r\n  i18n,\r\n  classes,\r\n  label,\r\n  id,\r\n  onToggle,\r\n  defaultChecked,\r\n  disabled,\r\n}) => {\r\n  const {\r\n    sectionTitleClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const onText = i18n.getString(_TL_('Display on website'));\r\n  const offText = i18n.getString(_TL_('Hidden on website'));\r\n\r\n  return (\r\n    <Toggle\r\n      label={\r\n        <span id={id} className={sectionTitleClassName}>{label}</span>\r\n      }\r\n      inlineLabel\r\n      defaultChecked={defaultChecked}\r\n      disabled={disabled}\r\n      onText={onText}\r\n      offText={offText}\r\n      onChange={onToggle}\r\n      className={classes.toggleContainer}\r\n      ariaLabel={`${label} ${onText}`}\r\n    />\r\n  );\r\n};\r\n\r\nUnstyledCustomizedToggle.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    toggleContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  onToggle: PropTypes.func.isRequired,\r\n  label: PropTypes.string.isRequired,\r\n  id: PropTypes.string,\r\n  defaultChecked: PropTypes.bool.isRequired,\r\n  disabled: PropTypes.bool.isRequired,\r\n};\r\n\r\nUnstyledCustomizedToggle.defaultProps = {\r\n  id: uniqueId('toggle_label_'),\r\n};\r\n\r\nexport const CustomizedToggle = withDefaultStyles(\r\n  UnstyledCustomizedToggle,\r\n  getStyles\r\n);\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n/**\r\n * Custom toggle component required by react-bootstrap Dropdown component.\r\n * Will display children as-is and ignore the toggle functionality.\r\n * @param {*} props - props\r\n * @param {*} ref - Imperative handle to component that will toggle the dropdown's open state.\r\n * @returns {ReactNode} Foo\r\n */\r\nexport const CustomDropdownToggle = React.forwardRef((props, ref) => (\r\n  <React.Fragment>{props.children}</React.Fragment>\r\n));\r\n\r\nCustomDropdownToggle.propTypes = {\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.arrayOf(PropTypes.node),\r\n    PropTypes.node,\r\n  ]).isRequired,\r\n};\r\n","import _ from 'underscore';\r\nimport React, { useState, useCallback, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { Dropdown, MenuItem } from '@bingads-webui-react/primitive';\r\nimport { Toggle, TooltipHost, DirectionalHint } from '@fluentui/react';\r\nimport { useLocationsFromBingMapsApi } from '@bingads-webui-campaign-react/smart-component-bing-maps';\r\nimport { SmartTextEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport { useIsSmartPageMapEnabled, useEditorStatusContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { WEBSITE_SOURCE_DATA_KEY_MAPPING, } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { dataProperties } from '../data-config';\r\nimport { CustomizedToggle } from './customized-toggle';\r\nimport { CustomDropdownToggle } from './custom-dropdown-toggle';\r\nimport { formatGeoLocation } from './component-config-reader';\r\n\r\nconst getStyles = () => ({\r\n  locationContainer: {\r\n    '& .bing-maps-search-box-dropdown': {\r\n      display: 'block',\r\n\r\n      '& .bing-maps-search-box-results-menu': {\r\n        width: '100%',\r\n        marginTop: 0,\r\n      },\r\n\r\n      '& .bing-maps-search-box-results-menu.close': {\r\n        display: 'none',\r\n      },\r\n\r\n      '& .bing-maps-search-box-search-result': {\r\n        width: '100%',\r\n        display: 'table',\r\n        lineHeight: '20px',\r\n        padding: '8px 0 8px 0',\r\n      },\r\n\r\n      '& .dropdown-menu > div > li > a': {\r\n        height: 'auto',\r\n        whiteSpace: 'normal',\r\n        wordBreak: 'break-word',\r\n      },\r\n    },\r\n  },\r\n  mapToggleContainer: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n  },\r\n  warningIcon: {\r\n    fontSize: '16px',\r\n    marginTop: '3px',\r\n    color: '#0078D4',\r\n  },\r\n});\r\n\r\nconst toggleStyle = {\r\n  marginTop: '8px',\r\n  marginRight: '15px',\r\n};\r\n\r\nconst UnstyledLocationWithMap = ({\r\n  classes,\r\n  i18n,\r\n  errorMessage,\r\n  isToggleDisabled,\r\n  showLocation,\r\n  showMap,\r\n  locationInfo,\r\n  businessAddressLabelId,\r\n  activeDataProperty,\r\n  dispatchSiteConfig,\r\n  onMapToggle,\r\n  onLocationToggle,\r\n}) => {\r\n  const [showMapWarning, setShowMapWarning] = useState(false);\r\n  const [suggestResults, setSuggestResults] = useState([]);\r\n  const [isListOpen, setIsListOpen] = useState(false);\r\n  // If a dropdown list item is focused\r\n  const [hasFocusElement, setHasFocusElement] = useState(false);\r\n\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const isSmartPageMapEnabled = useIsSmartPageMapEnabled();\r\n  const {\r\n    getLocations: getLocationsFromBingMapApi,\r\n    getAutoSuggestedLocations: getSuggestionsFromBingMapApi,\r\n  } = useLocationsFromBingMapsApi();\r\n\r\n  // Bing Map is availble under these conditions:\r\n  // 1. Pilot is on.\r\n  // 2. ShowLocation flag is on.\r\n  // 3. ShowMap flag is not explicitily false value.\r\n  const isBingMapEnabled = isSmartPageMapEnabled && showLocation && showMap !== false;\r\n\r\n  // Get latitude and longitude from Bing map api service for a specific query\r\n  const getGeoLocation = useCallback(_.debounce((address) => {\r\n    getLocationsFromBingMapApi(address).then(({ geoLocation, isFallbackLoc }) => {\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n        payload: {\r\n          name: WEBSITE_SOURCE_DATA_KEY_MAPPING.Locations,\r\n          value: [formatGeoLocation({ ...geoLocation, isFallbackLoc }, true)],\r\n        },\r\n      });\r\n\r\n      // Try to fetch a location but get a fallback result\r\n      if (!_.isEmpty(address) && isFallbackLoc) {\r\n        setShowMapWarning(true);\r\n      } else {\r\n        setShowMapWarning(false);\r\n      }\r\n    });\r\n  }, 500), [dispatchSiteConfig, getLocationsFromBingMapApi]);\r\n\r\n  // Get suggested queries from Bing map service when user types in location\r\n  const getSuggestedLocations = useCallback(_.debounce(\r\n    (query) => {\r\n      getSuggestionsFromBingMapApi(query).then((results) => {\r\n        setSuggestResults(results);\r\n      });\r\n    },\r\n    500\r\n  ), [getSuggestionsFromBingMapApi]);\r\n\r\n  // All fetching related logic will be handled in useEffect\r\n  const onLocationChange = useCallback(({ value }) => {\r\n    // If the user never used the map, when enters address, open it.\r\n    if (_.isUndefined(showMap)) {\r\n      onMapToggle({}, true);\r\n    }\r\n\r\n    setIsListOpen(!_.isEmpty(value));\r\n  }, [onMapToggle, showMap]);\r\n\r\n  // completeAddress = name + formattedAddress\r\n  const onSelectSuggestedLocation = useCallback((completeAddress, rawAddress) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_DATASOURCE_BY_NAME',\r\n      payload: {\r\n        name: dataProperties.locationInfo,\r\n        value: completeAddress,\r\n      },\r\n    });\r\n\r\n    dispatchEditorStatus({\r\n      type: 'PATCH_BUFFER_STATE',\r\n      payload: { rawAddress },\r\n    });\r\n\r\n    setIsListOpen(false);\r\n  }, [dispatchSiteConfig, dispatchEditorStatus]);\r\n\r\n  const onInputFocus = useCallback(() => {\r\n    if (!_.isEmpty(locationInfo) && showMap && isSmartPageMapEnabled) {\r\n      setIsListOpen(true);\r\n    }\r\n    setHasFocusElement(false);\r\n  }, [locationInfo, showMap, isSmartPageMapEnabled]);\r\n\r\n  const onClickOutSide = useCallback((e) => {\r\n    const dropDownList = document.getElementById('bing-maps-search-box-results-menu');\r\n    const input = document.querySelector('.bing-maps-search-box-dropdown .ms-TextField-fieldGroup');\r\n    const preview = document.querySelector(\".contact-view div[data-property='locationInfo']\");\r\n\r\n    if (dropDownList && input && preview\r\n      && !dropDownList.contains(e.target) && !input.contains(e.target)\r\n      && !preview.contains(e.target)) {\r\n      setIsListOpen(false);\r\n    }\r\n  }, []);\r\n\r\n  const onKeyDown = useCallback((event) => {\r\n    if (!hasFocusElement && isListOpen) {\r\n      if (event.key === 'ArrowDown') {\r\n        const aElement = document.querySelector('#bing-maps-search-box-results-menu > div > li > a');\r\n\r\n        if (aElement && _.isFunction(aElement.focus)) {\r\n          event.preventDefault();\r\n          aElement.focus();\r\n          setHasFocusElement(true);\r\n        }\r\n      }\r\n    }\r\n  }, [hasFocusElement, isListOpen]);\r\n\r\n  useEffect(() => {\r\n    if (!isListOpen) {\r\n      setHasFocusElement(false);\r\n    }\r\n  }, [isListOpen]);\r\n\r\n  useEffect(() => {\r\n    if (!showMap) {\r\n      setShowMapWarning(false);\r\n    } else if (!_.isEmpty(locationInfo)) {\r\n      getGeoLocation(locationInfo);\r\n      getSuggestedLocations(locationInfo);\r\n    }\r\n  }, [getGeoLocation, getSuggestedLocations, locationInfo, showMap]);\r\n\r\n  useEffect(() => {\r\n    document.addEventListener('click', onClickOutSide);\r\n\r\n    return () => {\r\n      document.removeEventListener('click', onClickOutSide);\r\n\r\n      dispatchEditorStatus({\r\n        type: 'PATCH_BUFFER_STATE',\r\n        payload: { rawAddress: null },\r\n      });\r\n    };\r\n  }, []);\r\n\r\n  const suggestedLocationMenu = useMemo(() => (\r\n    _.isEmpty(suggestResults)\r\n      ? (\r\n        <MenuItem disabled>\r\n          <div className=\"no-results\">{i18n.getString(_TL_('No available address'))}</div>\r\n        </MenuItem>\r\n      )\r\n      : _.map(suggestResults, ({\r\n        key,\r\n        completeAddress,\r\n        rawAddress,\r\n      }) => (\r\n        <MenuItem\r\n          key={key}\r\n          onSelect={() => onSelectSuggestedLocation(completeAddress, rawAddress)}\r\n        >\r\n          <div className=\"bing-maps-search-box-search-result\">\r\n            <span>{completeAddress}</span>\r\n          </div>\r\n        </MenuItem>\r\n      ))\r\n  ), [i18n, onSelectSuggestedLocation, suggestResults]);\r\n\r\n  return (\r\n    <div className={classes.locationContainer}>\r\n      <Dropdown\r\n        id=\"bing-maps-search-box-dropdown\"\r\n        className=\"bing-maps-search-box-dropdown\"\r\n        open={isListOpen}\r\n        onToggle={_.noop}\r\n      >\r\n        <CustomDropdownToggle bsRole=\"toggle\">\r\n          <SmartTextEditor\r\n            onKeyDown={onKeyDown}\r\n            label={i18n.getString(_TL_('Business address'))}\r\n            onRenderLabel={({ label }) => (\r\n              <CustomizedToggle\r\n                i18n={i18n}\r\n                onToggle={onLocationToggle}\r\n                defaultChecked={showLocation}\r\n                disabled={isToggleDisabled}\r\n                label={label}\r\n                id={businessAddressLabelId}\r\n              />\r\n            )}\r\n            dataSourceName=\"locationInfo\"\r\n            focus={activeDataProperty === dataProperties.locationInfo}\r\n            errorMessage={errorMessage}\r\n            disabled={!showLocation}\r\n            autoComplete=\"off\"\r\n            aria-labelledby={businessAddressLabelId}\r\n            {...(\r\n              isBingMapEnabled\r\n                ? {\r\n                  onChange: onLocationChange,\r\n                  onFocus: onInputFocus,\r\n                }\r\n                : {}\r\n            )\r\n            }\r\n          />\r\n        </CustomDropdownToggle>\r\n        <Dropdown.Menu\r\n          role=\"menu\"\r\n          className={classNames('bing-maps-search-box-results-menu', isListOpen ? 'open' : 'close')}\r\n          id=\"bing-maps-search-box-results-menu\"\r\n          data-clarity-unmask=\"true\"\r\n        >\r\n          <div role=\"status\">\r\n            {suggestedLocationMenu}\r\n          </div>\r\n        </Dropdown.Menu>\r\n      </Dropdown>\r\n      {\r\n        isSmartPageMapEnabled && (\r\n          <div className={classes.mapToggleContainer}>\r\n            <Toggle\r\n              className=\"bing-map-toggle\"\r\n              inlineLabel\r\n              label={i18n.getString(_TL_('Show map'))}\r\n              disabled={!showLocation}\r\n              checked={!!showMap}\r\n              onChange={onMapToggle}\r\n              styles={{ root: toggleStyle }}\r\n            />\r\n            {\r\n              showMapWarning && showMap &&\r\n              <TooltipHost\r\n                content={i18n.getString(_TL_('We can\\'t find your business address on Bing Maps.'))}\r\n                directionalHint={DirectionalHint.bottomCenter}\r\n              >\r\n                <span\r\n                  className={classNames(classes.warningIcon, 'iconba', 'iconba-IncidentTriangle')}\r\n                />\r\n              </TooltipHost>\r\n            }\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledLocationWithMap.propTypes = {\r\n  classes: PropTypes.shape({\r\n    locationContainer: PropTypes.string.isRequired,\r\n    mapToggleContainer: PropTypes.string.isRequired,\r\n    warningIcon: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  errorMessage: PropTypes.string,\r\n  isToggleDisabled: PropTypes.bool.isRequired,\r\n  showLocation: PropTypes.bool.isRequired,\r\n  showMap: PropTypes.bool,\r\n  businessAddressLabelId: PropTypes.string.isRequired,\r\n  activeDataProperty: PropTypes.string,\r\n  dispatchSiteConfig: PropTypes.func.isRequired,\r\n  onMapToggle: PropTypes.func.isRequired,\r\n  onLocationToggle: PropTypes.func.isRequired,\r\n  locationInfo: PropTypes.string.isRequired,\r\n};\r\n\r\nUnstyledLocationWithMap.defaultProps = {\r\n  errorMessage: '',\r\n  showMap: undefined,\r\n  activeDataProperty: undefined,\r\n};\r\n\r\nUnstyledLocationWithMap.displayName = 'LocationWithMap';\r\n\r\nexport const LocationWithMap = withDefaultStyles(\r\n  UnstyledLocationWithMap,\r\n  getStyles\r\n);\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { partial, every, first, indexOf, noop } from 'underscore';\r\nimport { Stack } from '@fluentui/react';\r\nimport { SmartTextEditor, SmartPhoneNumberEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport {\r\n  getComponentById,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useSiteConfig, useEditorStatusContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { LocationWithMap } from './location-with-map';\r\nimport { CustomizedToggle } from './customized-toggle';\r\nimport { dataProperties } from '../data-config';\r\n\r\nconst hasOnlyOneTrue = (obj, keyName) => {\r\n  if (!obj[keyName]) {\r\n    return false;\r\n  }\r\n\r\n  return every(obj, (val, key) => (key !== keyName && !val) || key === keyName);\r\n};\r\n\r\nexport const ContactMethods = ({\r\n  i18n,\r\n  componentId,\r\n  activeDataProperty,\r\n  onToggle,\r\n  errors,\r\n  locationInfo,\r\n}) => {\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const [\r\n    { editingComponentType, editingComponentId, isPreviewSelecting } = {},\r\n    dispatchEditorStatus = noop,\r\n  ] = useEditorStatusContext() || [];\r\n\r\n  const componentConfig = getComponentById(siteConfig, componentId);\r\n  const {\r\n    showEmail = true,\r\n    showPhone = true,\r\n    showLocation = true,\r\n    showMap,\r\n  } = componentConfig;\r\n\r\n  const onPhoneNumberToggle = partial(onToggle, dataProperties.phoneNumber);\r\n  const onEmailToggle = partial(onToggle, dataProperties.emails);\r\n  const onLocationToggle = partial(onToggle, dataProperties.locationInfo);\r\n  const onMapToggle = partial(onToggle, dataProperties.bingMap);\r\n  const toggleStates = { showEmail, showPhone, showLocation };\r\n\r\n  const phoneNumberLabelId = 'smart-page-contact-phone-number-label-id';\r\n  const emailAddressLabelId = 'smart-page-contact-email-address-label-id';\r\n  const businessAddressLabelId = 'smart-page-contact-business-address-label-id';\r\n\r\n  useEffect(() => {\r\n    const needFocusDataProperties = [\r\n      dataProperties.phoneNumber,\r\n      dataProperties.emails,\r\n      dataProperties.locationInfo,\r\n    ];\r\n    // Clear activeDataProperty in case that InputText is always focused.\r\n    if (indexOf(needFocusDataProperties, activeDataProperty) !== -1) {\r\n      dispatchEditorStatus({\r\n        type: 'EDIT_COMPONENT_TYPE',\r\n        payload: {\r\n          editingComponentType,\r\n          editingComponentId,\r\n          editingComponentProperty: null,\r\n          isPreviewSelecting,\r\n        },\r\n      });\r\n    }\r\n  }, [\r\n    activeDataProperty,\r\n    dispatchEditorStatus,\r\n    editingComponentId,\r\n    editingComponentType,\r\n    isPreviewSelecting,\r\n  ]);\r\n\r\n  return (\r\n    <div className=\"smart-component-contact-methods\">\r\n      <Stack tokens={{ childrenGap: 15 }}>\r\n        <div data-editable-property={dataProperties.phoneNumber} >\r\n          <SmartPhoneNumberEditor\r\n            i18n={i18n}\r\n            label={i18n.getString(_TL_('Phone number'))}\r\n            onRenderLabel={({ label }) => (\r\n              <CustomizedToggle\r\n                i18n={i18n}\r\n                onToggle={onPhoneNumberToggle}\r\n                defaultChecked={toggleStates.showPhone}\r\n                disabled={hasOnlyOneTrue(toggleStates, 'showPhone')}\r\n                label={label}\r\n                id={phoneNumberLabelId}\r\n              />\r\n            )}\r\n            dataSourceName={DATA_SOURCE_KEY_MAPPING.PhoneNumber}\r\n            focus={activeDataProperty === dataProperties.phoneNumber}\r\n            errorMessage={errors[dataProperties.phoneNumber]}\r\n            ignoreInternalValidate\r\n            disabled={!toggleStates.showPhone}\r\n            aria-labelledby={phoneNumberLabelId}\r\n          />\r\n        </div>\r\n        <div data-editable-property={dataProperties.emails} >\r\n          <SmartTextEditor\r\n            label={i18n.getString(_TL_('Email address'))}\r\n            onRenderLabel={({ label }) => (\r\n              <CustomizedToggle\r\n                i18n={i18n}\r\n                onToggle={onEmailToggle}\r\n                defaultChecked={toggleStates.showEmail}\r\n                disabled={hasOnlyOneTrue(toggleStates, 'showEmail')}\r\n                label={label}\r\n                id={emailAddressLabelId}\r\n              />\r\n            )}\r\n            dataSourceName={DATA_SOURCE_KEY_MAPPING.Emails}\r\n            serializeValue={value => (value ? [value] : [])}\r\n            deSerializeValue={value => first(value)}\r\n            focus={activeDataProperty === dataProperties.emails}\r\n            errorMessage={errors[dataProperties.emails]}\r\n            disabled={!toggleStates.showEmail}\r\n            maxCharCount={100}\r\n            aria-labelledby={emailAddressLabelId}\r\n          />\r\n        </div>\r\n        <div data-editable-property={dataProperties.locationInfo} >\r\n          <LocationWithMap\r\n            i18n={i18n}\r\n            errorMessage={errors[dataProperties.locationInfo]}\r\n            isToggleDisabled={hasOnlyOneTrue(toggleStates, 'showLocation')}\r\n            showLocation={showLocation}\r\n            showMap={showMap}\r\n            locationInfo={locationInfo}\r\n            businessAddressLabelId={businessAddressLabelId}\r\n            activeDataProperty={activeDataProperty}\r\n            dispatchSiteConfig={dispatchSiteConfig}\r\n            onMapToggle={onMapToggle}\r\n            onLocationToggle={onLocationToggle}\r\n          />\r\n        </div>\r\n      </Stack>\r\n    </div>\r\n  );\r\n};\r\n\r\nContactMethods.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  activeDataProperty: PropTypes.string,\r\n  onToggle: PropTypes.func.isRequired,\r\n  errors: PropTypes.shape({\r\n    [dataProperties.phoneNumber]: PropTypes.string,\r\n    [dataProperties.emails]: PropTypes.string,\r\n    [dataProperties.locationInfo]: PropTypes.string,\r\n  }),\r\n  locationInfo: PropTypes.string,\r\n};\r\n\r\nContactMethods.defaultProps = {\r\n  activeDataProperty: null,\r\n  errors: {},\r\n  locationInfo: '',\r\n};\r\n","import {\r\n  validatePhone,\r\n  validateEmailAddress,\r\n  validate,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  validateLocation,\r\n  validateGeoLocation,\r\n  validateHours,\r\n} from './components/validations';\r\nimport { dataProperties } from './data-config';\r\n\r\nexport function getErrors({\r\n  showPhone,\r\n  phoneNumber,\r\n  showEmail,\r\n  email,\r\n  showLocation,\r\n  locationInfo,\r\n  showMap,\r\n  geoLocationInfo,\r\n  showHours,\r\n  businessHours,\r\n  i18n,\r\n}) {\r\n  const errors = validate([{\r\n    name: dataProperties.phoneNumber,\r\n    value: phoneNumber,\r\n    validators: [{\r\n      validateWhenTrue: showPhone,\r\n      validator: validatePhone,\r\n      errorMessage: i18n ? i18n.getString(_TL_('Invalid phone number.')) : null,\r\n    }],\r\n  }, {\r\n    name: dataProperties.emails,\r\n    value: email,\r\n    validators: [{\r\n      validateWhenTrue: showEmail,\r\n      validator: validateEmailAddress,\r\n      errorMessage: i18n ? i18n.getString(_TL_('Invalid email address.')) : null,\r\n    }],\r\n  }, {\r\n    name: dataProperties.locationInfo,\r\n    value: locationInfo,\r\n    validators: [{\r\n      validateWhenTrue: showLocation,\r\n      validator: validateLocation,\r\n      errorMessage: i18n ? i18n.getString(_TL_('Invalid address.')) : null,\r\n    }],\r\n  }, {\r\n    name: dataProperties.businessHours,\r\n    value: businessHours,\r\n    validators: [{\r\n      validateWhenTrue: showHours,\r\n      validator: validateHours,\r\n      errorMessage: i18n ? i18n.getString(_TL_('Invalid hours.')) : null,\r\n    }],\r\n  }]);\r\n\r\n  const warnings = validate([\r\n    {\r\n      name: dataProperties.locationInfo,\r\n      value: geoLocationInfo,\r\n      validators: [{\r\n        validateWhenTrue: showMap,\r\n        validator: validateGeoLocation,\r\n        errorMessage: i18n ? i18n.getString(_TL_('We can\\'t find your business address on Bing Maps.')) : null,\r\n      }],\r\n    },\r\n  ]);\r\n\r\n  return { errors, warnings };\r\n}\r\n","import React, { useCallback, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport _ from 'underscore';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getComponentById,\r\n  getDataSourceByKeys,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  useSiteConfig,\r\n  useIsBusinessHourSectionEnabled,\r\n  useEditorStatusContext,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useUserAccountCustomer,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { SmartBusinessHoursEditorWrapper } from '@bingads-webui-campaign-react/smart-component-business-hours';\r\n\r\nimport { ContactMethods } from './components/contact-methods';\r\nimport { dataProperties } from './data-config';\r\nimport { getErrors } from './errors';\r\nimport { proxyReadContactComponentConfig } from './components/component-config-reader';\r\nimport { getCustomerPayload, getAccountPayload } from './utils/get-account-customer-payload';\r\n\r\nconst componentName = 'ContactEditor';\r\n\r\nexport const SmartContactEditor = ({\r\n  i18n,\r\n  componentId,\r\n  activeDataProperty,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const {\r\n    updateAccountWithLog,\r\n    updateCustomerWithLog,\r\n    readAccountWithLog,\r\n    readCustomerWithLog,\r\n  } = useUserAccountCustomer({ postponeRead: true, componentName });\r\n\r\n  const [editorStatus, dispatchEditorStatus] = useEditorStatusContext();\r\n  const isBusinessHourSectionEnabled = useIsBusinessHourSectionEnabled();\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const componentConfig = getComponentById(siteConfig, componentId);\r\n  const {\r\n    showEmail,\r\n    showPhone,\r\n    showLocation,\r\n    showHours,\r\n    showMap,\r\n  } = proxyReadContactComponentConfig(componentConfig);\r\n  const [\r\n    [email],\r\n    phoneNumber,\r\n    locationInfo,\r\n    businessHours,\r\n  ] = getDataSourceByKeys(siteConfig, [\r\n    DATA_SOURCE_KEY_MAPPING.Emails,\r\n    DATA_SOURCE_KEY_MAPPING.PhoneNumber,\r\n    DATA_SOURCE_KEY_MAPPING.LocationInfo,\r\n    DATA_SOURCE_KEY_MAPPING.BusinessHours,\r\n  ], [[]]);\r\n\r\n  const onToggle = (property, evt, checked) => {\r\n    const update = {};\r\n\r\n    if (property === dataProperties.phoneNumber) {\r\n      update.showPhone = checked;\r\n    } else if (property === dataProperties.emails) {\r\n      update.showEmail = checked;\r\n    } else if (property === dataProperties.locationInfo) {\r\n      update.showLocation = checked;\r\n      // \"undefined\" is a status to indicate a user has never used the map.\r\n      // So, only change the showMap when user has used the map\r\n      if (!checked && !_.isUndefined(showMap)) {\r\n        update.showMap = false;\r\n      }\r\n    } else if (property === dataProperties.businessHours) {\r\n      update.showHours = checked;\r\n    } else if (property === dataProperties.bingMap) {\r\n      update.showMap = checked;\r\n    }\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: {\r\n        ...componentConfig,\r\n        ...update,\r\n      },\r\n    });\r\n  };\r\n\r\n  const { errors } = useMemo(() => getErrors({\r\n    showPhone,\r\n    phoneNumber,\r\n    showEmail,\r\n    email,\r\n    showLocation,\r\n    locationInfo,\r\n    showHours,\r\n    businessHours,\r\n    i18n,\r\n  }), [\r\n    businessHours, email, i18n, locationInfo,\r\n    phoneNumber, showEmail, showHours, showLocation, showPhone,\r\n  ]);\r\n\r\n  const hoursEnableChange = (hoursEnabled) => {\r\n    onToggle(dataProperties.businessHours, {}, hoursEnabled);\r\n  };\r\n\r\n  const syncContactInfoToUAC = useCallback(() => {\r\n    let syncPhonePromise = Promise.resolve(null);\r\n    let syncLocationPromise = Promise.resolve(null);\r\n\r\n    if (showPhone && !errors[dataProperties.phoneNumber]) {\r\n      syncPhonePromise = readCustomerWithLog({})\r\n        .then((customer) => {\r\n          const { hasDelta, updatedCustomer } = getCustomerPayload(customer, phoneNumber);\r\n          return hasDelta ? updateCustomerWithLog({ Customer: updatedCustomer }) : null;\r\n        });\r\n    }\r\n\r\n    if (showLocation && !errors[dataProperties.locationInfo]) {\r\n      const rawAddress = editorStatus.buffer && (editorStatus.buffer.rawAddress || {});\r\n      const { countryRegionIso2 } = rawAddress;\r\n      // We only support US address update to account for UP\r\n      if (countryRegionIso2 === 'US') {\r\n        syncLocationPromise = readAccountWithLog({})\r\n          .then((account) => {\r\n            const {\r\n              hasDelta,\r\n              updatedAccount,\r\n            } = getAccountPayload(account, locationInfo, rawAddress);\r\n            return hasDelta ? updateAccountWithLog({ Account: updatedAccount }) : null;\r\n          });\r\n      }\r\n    }\r\n\r\n    return Promise.all([syncPhonePromise, syncLocationPromise])\r\n      .catch(() => null)\r\n      .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus));\r\n  }, [\r\n    showPhone, errors, showLocation, dispatchEditorStatus, readCustomerWithLog,\r\n    phoneNumber, updateCustomerWithLog, readAccountWithLog, editorStatus.buffer,\r\n    locationInfo, updateAccountWithLog,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    dispatchEditorStatus({\r\n      type: 'SET_ON_EXIT_COMPONENT_EDITING_EFFECT',\r\n      payload: syncContactInfoToUAC,\r\n    });\r\n  }, [syncContactInfoToUAC, dispatchEditorStatus]);\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Business contact information'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Include at least one of the following for customers to contact or visit your business.'))}\r\n      </div>\r\n      <div className={classNames(editorContentClassName, 'smart-contact-editor')}>\r\n        <ContactMethods\r\n          i18n={i18n}\r\n          componentId={componentId}\r\n          activeDataProperty={activeDataProperty}\r\n          onToggle={onToggle}\r\n          errors={errors}\r\n          locationInfo={locationInfo}\r\n        />\r\n        {\r\n          !isBusinessHourSectionEnabled && <SmartBusinessHoursEditorWrapper\r\n            i18n={i18n}\r\n            componentId={componentId}\r\n            isInContact\r\n            showHeaderToggle\r\n            headerToggleChecked={showHours}\r\n            onHeaderToggleChange={hoursEnableChange}\r\n          />\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSmartContactEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  activeDataProperty: PropTypes.string,\r\n};\r\n\r\nSmartContactEditor.defaultProps = {\r\n  activeDataProperty: null,\r\n};\r\n","export const getAccountPayload = (account, locationInfo, addressSuggestion = {}) => {\r\n  const {\r\n    BusinessAddress: {\r\n      Line1,\r\n      PostalCode,\r\n      StateOrProvince,\r\n      City,\r\n    },\r\n  } = account;\r\n\r\n  const hasAddress = Line1 && PostalCode && StateOrProvince && City;\r\n\r\n  let hasDelta = false;\r\n  const updatedAccount = { ...account };\r\n  let bizAddrInfo = { ...updatedAccount.BusinessAddress };\r\n\r\n  if (hasAddress) {\r\n    return {\r\n      hasDelta,\r\n      updatedAccount,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.countryRegionIso2) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      Country: addressSuggestion.countryRegionIso2,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.countryRegion) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      CountryName: addressSuggestion.countryRegion,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.locality) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      City: addressSuggestion.locality,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.addressLine || locationInfo) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      Line1: addressSuggestion.addressLine || locationInfo,\r\n      Line2: null,\r\n      Line3: null,\r\n      Line4: null,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.postalCode) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      PostalCode: addressSuggestion.postalCode,\r\n    };\r\n  }\r\n\r\n  if (addressSuggestion.adminDistrict) {\r\n    hasDelta = true;\r\n\r\n    bizAddrInfo = {\r\n      ...bizAddrInfo,\r\n      StateOrProvince: addressSuggestion.adminDistrict,\r\n    };\r\n  }\r\n\r\n  return {\r\n    hasDelta,\r\n    updatedAccount: {\r\n      ...updatedAccount,\r\n      BusinessAddress: bizAddrInfo,\r\n    },\r\n  };\r\n};\r\n\r\nexport const getCustomerPayload = (customer, phoneNumber) => {\r\n  const { BusinessPhone } = customer;\r\n  let hasDelta = false;\r\n  let updatedCustomer = { ...customer };\r\n\r\n  if (BusinessPhone) {\r\n    return {\r\n      hasDelta,\r\n      updatedCustomer,\r\n    };\r\n  }\r\n\r\n  if (phoneNumber) {\r\n    hasDelta = true;\r\n\r\n    updatedCustomer = {\r\n      ...updatedCustomer,\r\n      BusinessPhone: phoneNumber,\r\n    };\r\n  }\r\n\r\n  return { hasDelta, updatedCustomer };\r\n};\r\n","import React, { useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { DefaultButton } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { getLandingPageUrl } from '@bingads-webui-campaign-react/smart-page-util';\r\n\r\nconst getStyles = () => ({\r\n  bannerContainer: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    width: '100%',\r\n    height: 60,\r\n    background: 'linear-gradient(102.36deg, #0A1B45 0%, #0A1B45 17.63%, rgba(27, 62, 115, 0.882169) 63.53%, rgba(43, 88, 156, 0.775808) 96.63%), #0A1B45',\r\n    fontFamily: 'Segoe UI',\r\n  },\r\n\r\n  content: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n  },\r\n\r\n  text: {\r\n    marginRight: 52,\r\n    height: 26,\r\n    fontSize: 16,\r\n    color: '#FFF',\r\n  },\r\n\r\n  strongFont: {\r\n    fontWeight: 'bold',\r\n  },\r\n\r\n  mobileBannerContainer: {\r\n    height: 90,\r\n\r\n    '& $content': {\r\n      flexDirection: 'column',\r\n      justifyContent: 'center',\r\n    },\r\n\r\n    '& $text': {\r\n      marginRight: 0,\r\n      fontSize: 14,\r\n    },\r\n\r\n    '& button': {\r\n      marginTop: 5,\r\n      fontSize: 12,\r\n    },\r\n  },\r\n});\r\n\r\nconst buttonStyles = {\r\n  root: {\r\n    background: 'transparent',\r\n    fontSize: 14,\r\n    lineHeight: 20,\r\n    border: '1px solid #FFF',\r\n    color: '#FFF',\r\n  },\r\n  rootHovered: {\r\n    background: 'transparent',\r\n    color: '#FFF',\r\n  },\r\n  rootPressed: {\r\n    background: 'transparent',\r\n    color: '#FFF',\r\n  },\r\n};\r\n\r\nexport const UnStyledSmartBannerView = ({\r\n  classes,\r\n  i18n,\r\n  isMobile,\r\n  customedContent,\r\n}) => {\r\n  const bannerContainerClasses = classnames({\r\n    [classes.bannerContainer]: true,\r\n    [classes.mobileBannerContainer]: isMobile,\r\n  });\r\n\r\n  const onClickButton = useCallback(() => {\r\n    const landingPageUrl = getLandingPageUrl(document.domain, { source: 'm365banner' });\r\n\r\n    window.open(landingPageUrl);\r\n  }, []);\r\n\r\n  return (\r\n    <div className={bannerContainerClasses}>\r\n      {\r\n        customedContent || (\r\n          <div className={classes.content}>\r\n            <div className={classes.text}>\r\n              <span>\r\n                {i18n.getString(_TL_('This website is powered by'))}&nbsp;\r\n                <span className={classes.strongFont}>Microsoft Advertising</span>\r\n              </span>\r\n            </div>\r\n            <DefaultButton\r\n              text={i18n.getString(_TL_('Create your website for free'))}\r\n              styles={buttonStyles}\r\n              onClick={onClickButton}\r\n            />\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartBannerView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    bannerContainer: PropTypes.string.isRequired,\r\n    mobileBannerContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }),\r\n  isMobile: PropTypes.bool.isRequired,\r\n  customedContent: PropTypes.element,\r\n};\r\n\r\nUnStyledSmartBannerView.defaultProps = {\r\n  i18n: {\r\n    getString: key => key,\r\n  },\r\n  customedContent: null,\r\n};\r\n\r\nexport const SmartBannerView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartBannerView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useClientContext, useIsSmartPageM365BannerEnabled, useIsM365Premium } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { SmartBannerView } from './smart-banner-view';\r\n\r\nexport const SmartBannerConnector = ({ customedContent }) => {\r\n  const i18n = useContext(I18nContext);\r\n  const { isMobile } = useClientContext();\r\n  const isSmartPageM365BannerEnabled = useIsSmartPageM365BannerEnabled();\r\n  const isM365Premium = useIsM365Premium();\r\n\r\n  if (isSmartPageM365BannerEnabled && !isM365Premium) {\r\n    return (\r\n      <SmartBannerView\r\n        i18n={i18n}\r\n        isMobile={isMobile}\r\n        customedContent={customedContent}\r\n      />\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nSmartBannerConnector.propTypes = {\r\n  customedContent: PropTypes.element,\r\n};\r\n\r\nSmartBannerConnector.defaultProps = {\r\n  customedContent: null,\r\n};\r\n","import { map, isEmpty } from 'underscore';\r\n\r\nexport const dataProperties = {\r\n  videoUrl: 'Url',\r\n  videoSize: 'videoSize',\r\n  videoWidth: 'Width',\r\n  videoHeight: 'Height',\r\n  videoDescription: 'Description',\r\n  videoCanPlay: 'isUrlValid',\r\n};\r\n\r\nexport const getDataFromConfig = (videoConfig) => {\r\n  if (isEmpty(videoConfig)) {\r\n    return {};\r\n  }\r\n\r\n  return {\r\n    videoUrl: videoConfig[dataProperties.videoUrl],\r\n    videoSize: videoConfig[dataProperties.videoSize],\r\n    videoWidth: videoConfig[dataProperties.videoWidth],\r\n    videoHeight: videoConfig[dataProperties.videoHeight],\r\n    videoDescription: videoConfig[dataProperties.videoDescription],\r\n    videoCanPlay: videoConfig[dataProperties.videoCanPlay],\r\n  };\r\n};\r\n\r\nexport const VideoSize = {\r\n  SMALL: _TL_('Small'),\r\n  MEDIUM: _TL_('Medium'),\r\n  LARGE: _TL_('Large'),\r\n};\r\n\r\nexport const VideoSize2Px = {\r\n  [VideoSize.SMALL]: { width: 640, height: 360 },\r\n  [VideoSize.MEDIUM]: { width: 854, height: 480 },\r\n  [VideoSize.LARGE]: { width: 1280, height: 720 },\r\n};\r\n\r\nconst optionStylesProp = {\r\n  field: {\r\n    fontWeight: 400,\r\n    padding: 0,\r\n  },\r\n};\r\n\r\nexport const videoSizeOption = map(VideoSize, item => (\r\n  {\r\n    key: item,\r\n    text: item,\r\n    styles: optionStylesProp,\r\n  }\r\n));\r\n\r\nexport const KeyBoardTypingDebounceTime = 500;\r\n\r\nexport const DescriptionHardLimit = 500;\r\n","/* eslint-disable react/no-danger */\r\nimport React, { useMemo, useState, useContext } from 'react';\r\nimport ReactPlayer from 'react-player/lazy';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Icon } from '@fluentui/react/lib/Icon';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext, useIsSmartPageVideoSectionEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { dataProperties } from './data-config';\r\n\r\nconst getStyles = (components = {}, { palette = {} }) => {\r\n  const container = {\r\n    ...components.section,\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n  };\r\n\r\n  return {\r\n    container,\r\n    mobileContainer: {\r\n      ...container,\r\n      marginLeft: 0,\r\n      marginRight: 0,\r\n    },\r\n    videoContainer: {\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n    },\r\n    videoPlaceholderContainer: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      backgroundColor: '#000000',\r\n      color: '#FFFFFF',\r\n    },\r\n    placeholderText: {\r\n      display: 'flex',\r\n    },\r\n    placeholderIcon: {\r\n      fontSize: '54px',\r\n    },\r\n    invalidVideoIcon: {\r\n      marginRight: '5px',\r\n      fontSize: '16px',\r\n    },\r\n    videoDescription: {\r\n      display: '-webkit-box',\r\n      '-webkit-line-clamp': 10,\r\n      '-webkit-box-orient': 'vertical',\r\n      overflow: 'hidden',\r\n      fontSize: 18,\r\n      lineHeight: '28px',\r\n      color: palette.secondaryText,\r\n      margin: '16px 50px 0px 50px',\r\n      wordBreak: 'break-word',\r\n    },\r\n    mobileVideoDescription: {\r\n      '-webkit-line-clamp': 20,\r\n    },\r\n    loading: {\r\n      position: 'absolute',\r\n      top: 0,\r\n    },\r\n  };\r\n};\r\n\r\nexport const UnStyledSmartVideoView = ({\r\n  classes,\r\n  videoUrl,\r\n  width,\r\n  height,\r\n  videoDescription,\r\n  id,\r\n  isEditMode,\r\n  videoCanPlay,\r\n}) => {\r\n  const i18n = useContext(I18nContext);\r\n  const { isMobile } = useClientContext();\r\n  const [isReady, setIsReady] = useState(false);\r\n  const [readyUrl, setReadyUrl] = useState('');\r\n  const [videoAvaliable, setVideoAvaliable] = useState(true);\r\n\r\n  // only change url when videoCanPlay is true\r\n  if (videoCanPlay && readyUrl !== videoUrl) {\r\n    setVideoAvaliable(true);\r\n    setIsReady(false);\r\n    setReadyUrl(videoUrl);\r\n  }\r\n\r\n  const embedVideo = useMemo(() => {\r\n    if (videoCanPlay && videoAvaliable) {\r\n      return (\r\n        <div\r\n          className={classNames('smart-page-embed-video', classes.videoContainer)}\r\n          data-property={dataProperties.videoUrl}\r\n        >\r\n          <ReactPlayer\r\n            url={readyUrl}\r\n            width={width}\r\n            height={height}\r\n            onReady={() => setIsReady(true)}\r\n            onError={() => setVideoAvaliable(false)}\r\n            controls\r\n            disableDeferredLoading\r\n          />\r\n          {\r\n            !isReady && <Loading className={classes.loading} />\r\n          }\r\n        </div>\r\n      );\r\n    } else if (isEditMode || !videoAvaliable) {\r\n      return (\r\n        <div\r\n          className={classNames('smart-page-embed-video-placeholder', classes.videoPlaceholderContainer)}\r\n          data-property={dataProperties.videoUrl}\r\n          style={{ width, height }}\r\n        >\r\n          {videoUrl && (\r\n            <div className={classes.placeholderText}>\r\n              <Icon iconName=\"Info\" className={classes.invalidVideoIcon} />\r\n              {\r\n                videoAvaliable ?\r\n                  i18n.getString(_TL_('Invalid video link: Please make sure your YouTube or Vimeo video is working and try again.')) :\r\n                  i18n.getString(_TL_('Failed to load video. Please check your network.'))\r\n              }\r\n            </div>)}\r\n          {!videoUrl && (<Icon iconName=\"MSNVideos\" className={classes.placeholderIcon} />)}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }, [\r\n    videoCanPlay,\r\n    isEditMode,\r\n    classes,\r\n    readyUrl,\r\n    width,\r\n    height,\r\n    i18n,\r\n    videoUrl,\r\n    isReady,\r\n    videoAvaliable,\r\n  ]);\r\n\r\n  const description = useMemo(() => {\r\n    if (videoDescription && (videoCanPlay || isEditMode)) {\r\n      return (\r\n        <div\r\n          className={classNames('smart-page-embed-video-description', classes.videoDescription, isMobile ? classes.mobileVideoDescription : '')}\r\n          data-property={dataProperties.videoDescription}\r\n        >\r\n          {videoDescription}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }, [classes, isEditMode, videoCanPlay, videoDescription, isMobile]);\r\n\r\n  const isSmartPageVideoSectionEnabled = useIsSmartPageVideoSectionEnabled();\r\n  if (!isSmartPageVideoSectionEnabled) {\r\n    return null;\r\n  }\r\n\r\n  return !embedVideo ? null :\r\n    (\r\n      <div\r\n        className={classNames('smart-page-embed-video-section', isMobile ? classes.mobileContainer : classes.container)}\r\n        id={id}\r\n      >\r\n        {embedVideo}\r\n        {description}\r\n      </div>\r\n    );\r\n};\r\n\r\nUnStyledSmartVideoView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  videoUrl: PropTypes.string,\r\n  width: PropTypes.string,\r\n  height: PropTypes.string,\r\n  videoDescription: PropTypes.string,\r\n  id: PropTypes.string.isRequired,\r\n  isEditMode: PropTypes.bool,\r\n  videoCanPlay: PropTypes.bool,\r\n};\r\n\r\nUnStyledSmartVideoView.defaultProps = {\r\n  width: '640px',\r\n  height: '360px',\r\n  videoUrl: '',\r\n  videoDescription: '',\r\n  isEditMode: false,\r\n  videoCanPlay: false,\r\n};\r\n\r\nexport const SmartVideoView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartVideoView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext, useState, useEffect, useRef, useCallback, useMemo } from 'react';\r\nimport { isEmpty, debounce } from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n  SiteConfigContext,\r\n  useClientContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  prependProtocolToUrl,\r\n  getWebsiteSourceDataByKey,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartVideoView } from './smart-video-view';\r\nimport { getDataFromConfig } from './data-config';\r\n\r\nexport const SmartVideoConnector = ({ id, isEditMode }) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const { isMobile } = useClientContext();\r\n  const componentConfig =\r\n    getWebsiteSourceDataByKey(siteConfig, WEBSITE_SOURCE_DATA_KEY_MAPPING.EmbeddedVideos);\r\n  // Now we only support 1 video.\r\n  const videoConfig = (!isEmpty(componentConfig) && componentConfig[0]) || {};\r\n  const {\r\n    videoUrl,\r\n    videoWidth = 640,\r\n    videoHeight = 360,\r\n    videoDescription,\r\n    videoCanPlay,\r\n  } = getDataFromConfig(videoConfig);\r\n\r\n  const [width, setWidth] = useState(`${videoWidth}px`);\r\n  const [height, setHeight] = useState(`${videoHeight}px`);\r\n  const smartVideoContainerRef = useRef(undefined);\r\n\r\n  const setResizeValue = useCallback(() => {\r\n    const containerElement = smartVideoContainerRef.current;\r\n    let newWidth = videoWidth;\r\n    let newHeight = videoHeight;\r\n\r\n    if (!isEmpty(containerElement)) {\r\n      const containerWidth = parseInt(containerElement.clientWidth, 10);\r\n      if (containerWidth < newWidth) {\r\n        const aspectRatio = newHeight / newWidth;\r\n        // make video width 95% of container width\r\n        newWidth = parseInt(containerWidth * 0.95, 10);\r\n        newHeight = parseInt(aspectRatio * newWidth, 10);\r\n      }\r\n\r\n      setWidth(`${newWidth}px`);\r\n      setHeight(`${newHeight}px`);\r\n    }\r\n  }, [videoHeight, videoWidth]);\r\n\r\n  const resizeHandler = useMemo(() => debounce(setResizeValue, 50), [setResizeValue]);\r\n\r\n  useEffect(() => {\r\n    setResizeValue();\r\n  }, [videoWidth, videoHeight, isMobile, setResizeValue]);\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('resize', resizeHandler);\r\n\r\n    return () => window.removeEventListener('resize', resizeHandler);\r\n  }, [resizeHandler]);\r\n\r\n  return (\r\n    <div\r\n      className=\"smart-page-embed-video-connector\"\r\n      ref={smartVideoContainerRef}\r\n    >\r\n      <SmartVideoView\r\n        videoUrl={prependProtocolToUrl(videoUrl)}\r\n        videoCanPlay={videoCanPlay}\r\n        width={width}\r\n        height={height}\r\n        videoDescription={videoDescription}\r\n        id={id}\r\n        isEditMode={isEditMode}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nSmartVideoConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartVideoConnector.defaultProps = {\r\n  isEditMode: false,\r\n};\r\n","export const dataProperties = {\r\n  headline: 'headline',\r\n  description: 'description',\r\n};\r\n\r\nexport const dataPropertiesWSDKeys = {\r\n  headline: 'BusinessHeadline',\r\n  description: 'Description',\r\n};\r\n\r\nexport const headlineMaxCount = 55;\r\nexport const descriptionMaxCount = 155;\r\n","/* eslint-disable react/no-danger */\r\nimport React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { HtmlSanitizer } from 'roosterjs';\r\nimport { isUndefined } from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n  usePreviewPageContext,\r\n  useClientContext,\r\n  ComponentLoadingStatus,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { SpinnerSize } from '@fluentui/react';\r\nimport { dataProperties } from './data-config';\r\n\r\nconst getStyles = (components, { palette = {} }) => {\r\n  const description = {\r\n    margin: 0,\r\n    fontSize: 16,\r\n    fontWeight: 'normal',\r\n    lineHeight: '20px',\r\n    color: palette.secondaryText,\r\n    maxWidth: 720,\r\n    wordBreak: 'break-word',\r\n    position: 'relative',\r\n  };\r\n\r\n  const headline = {\r\n    ...components.truncate,\r\n    fontSize: 64,\r\n    lineHeight: '64px',\r\n    color: palette.primaryText,\r\n    fontWeight: 'bold',\r\n    margin: 0,\r\n    paddingBottom: 32,\r\n    textAlign: 'center',\r\n  };\r\n\r\n  return ({\r\n    container: {\r\n      ...components.section,\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      alignItems: 'center',\r\n    },\r\n    headline,\r\n    mobileHeadline: {\r\n      ...headline,\r\n      fontSize: 48,\r\n      lineHeight: '56.25px',\r\n      paddingBottom: 28,\r\n    },\r\n    description,\r\n    mobileDescription: {\r\n      ...description,\r\n      marginLeft: 32.5,\r\n      marginRight: 33.5,\r\n    },\r\n  });\r\n};\r\n\r\nexport const UnStyledSmartIntroductionView = ({\r\n  classes,\r\n  headline,\r\n  defaultHeadline,\r\n  description,\r\n  defaultDescription,\r\n  id,\r\n}) => {\r\n  const { isMobile } = useClientContext();\r\n  const { elementsLoadingStatus } = usePreviewPageContext();\r\n\r\n  const descriptionContent = isUndefined(description) ? defaultDescription : description;\r\n  const descriptionHtmlContent =\r\n    HtmlSanitizer.sanitizeHtml(HtmlSanitizer.convertInlineCss(descriptionContent));\r\n  const headlineRef = useRef(null);\r\n  const [showTitle, setShowtitle] = useState(false);\r\n\r\n  useEffect(() => {\r\n    function handleResize() {\r\n      setShowtitle(headlineRef.current.scrollWidth > headlineRef.current.clientWidth);\r\n    }\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      className={classes.container}\r\n      id={id}\r\n    >\r\n      <h1\r\n        className={classNames(isMobile ? classes.mobileHeadline : classes.headline, 'component-title')}\r\n        data-property={dataProperties.headline}\r\n        ref={headlineRef}\r\n        title={showTitle ? (headline || defaultHeadline) : null}\r\n      >\r\n        {headline || defaultHeadline}\r\n      </h1>\r\n      <h2\r\n        className={isMobile ? classes.mobileDescription : classes.description}\r\n        data-property={dataProperties.description}\r\n      >\r\n        {\r\n          elementsLoadingStatus.description\r\n            && elementsLoadingStatus.description.status === ComponentLoadingStatus.LOADING\r\n            ? <Loading\r\n              className={classes.loading}\r\n              size={SpinnerSize.small}\r\n              label={elementsLoadingStatus.description.reason}\r\n            />\r\n            : <div dangerouslySetInnerHTML={{ __html: descriptionHtmlContent }} />\r\n        }\r\n      </h2>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartIntroductionView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    headline: PropTypes.string.isRequired,\r\n    description: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  headline: PropTypes.string,\r\n  defaultHeadline: PropTypes.string.isRequired,\r\n  description: PropTypes.string,\r\n  defaultDescription: PropTypes.string.isRequired,\r\n};\r\n\r\nUnStyledSmartIntroductionView.defaultProps = {\r\n  headline: undefined,\r\n  description: undefined,\r\n};\r\n\r\nexport const SmartIntroductionView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartIntroductionView,\r\n  getStyles\r\n), 'componentMode');\r\n","import _ from 'underscore';\r\nimport { useCallback, useContext, useMemo } from 'react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useSiteConfig, useAllPilots } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING,\r\n  getComponentById, SMART_PAGE_DEFAULT_VALUES,\r\n  getWebsiteSourceDataByKey,\r\n  getWebsiteSourceDataByKeys,\r\n  truncateString,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  isMigratedToWSD,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { proxyReadIntroductionComponentConfig } from './component-config-reader';\r\nimport { dataProperties, dataPropertiesWSDKeys, headlineMaxCount } from './data-config';\r\n\r\nexport const getSmartIntroductionDataFromAttributes = (siteConfig, componentId, i18n) => {\r\n  const componentConfig = getComponentById(siteConfig, componentId);\r\n\r\n  return proxyReadIntroductionComponentConfig(componentConfig, siteConfig, i18n);\r\n};\r\n\r\nexport const getSmartIntroductionDataFromWSD = (siteConfig, i18n) => {\r\n  const [\r\n    businessName,\r\n    businessCategories,\r\n    businessDescription,\r\n    introduction,\r\n    logo,\r\n  ] = getWebsiteSourceDataByKeys(siteConfig, [\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.BusinessName,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Categories,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Description,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Introduction,\r\n    WEBSITE_SOURCE_DATA_KEY_MAPPING.Logo,\r\n  ]);\r\n\r\n  const {\r\n    BusinessHeadline: headline,\r\n    Description: description,\r\n  } = introduction || {};\r\n\r\n  const {\r\n    ImageId: imageId,\r\n    ImageUrl: imageUrl,\r\n    ImageFileName: fileName,\r\n  } = logo || {};\r\n\r\n  const descriptionFromCategory = businessCategories && businessCategories.join(', ');\r\n\r\n  return {\r\n    headline,\r\n    defaultHeadline: truncateString(businessName || i18n.getString(SMART_PAGE_DEFAULT_VALUES.BUSINESS_NAME), headlineMaxCount),\r\n    description,\r\n    defaultDescription: businessDescription || descriptionFromCategory || i18n.getString(SMART_PAGE_DEFAULT_VALUES.DESCRIPTION),\r\n    logo: {\r\n      imageId,\r\n      imageUrl,\r\n      fileName,\r\n    },\r\n  };\r\n};\r\n\r\nexport const getSmartIntroductionData = (siteConfig, componentId, i18n, pilots) => {\r\n  const { isSmartPageAttributesToWSDMigrationEnabled } = pilots;\r\n  const shouldReadFromWSD = isSmartPageAttributesToWSDMigrationEnabled && isMigratedToWSD(siteConfig, COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING.Introduction);\r\n\r\n  if (shouldReadFromWSD) {\r\n    return getSmartIntroductionDataFromWSD(siteConfig, i18n);\r\n  }\r\n\r\n  return getSmartIntroductionDataFromAttributes(siteConfig, componentId, i18n);\r\n};\r\n\r\nexport const getUpdateDataInAttributes = (siteConfig, componentId, property, value) => {\r\n  const currentData = getComponentById(siteConfig, componentId);\r\n  return { ...currentData, [property]: value };\r\n};\r\n\r\nexport const getUpdateDataInWSD = (siteConfig, componentId, property, value) => {\r\n  const currentDataInAttributes = getComponentById(siteConfig, componentId);\r\n  const currentDataInWSD = getWebsiteSourceDataByKey(siteConfig, WEBSITE_SOURCE_DATA_KEY_MAPPING.Introduction);\r\n\r\n  const data = _.defaults(currentDataInWSD, {\r\n    [dataPropertiesWSDKeys.headline]: currentDataInAttributes[dataProperties.headline],\r\n    [dataPropertiesWSDKeys.description]: currentDataInAttributes[dataProperties.description],\r\n  });\r\n\r\n  return {\r\n    name: WEBSITE_SOURCE_DATA_KEY_MAPPING.Introduction,\r\n    value: {\r\n      ...data,\r\n      [dataPropertiesWSDKeys[property]]: value,\r\n    },\r\n  };\r\n};\r\n\r\nexport const dispatchUpdate = ({\r\n  dispatch, siteConfig, componentId, property, value, pilots,\r\n}) => {\r\n  dispatch({\r\n    type: 'UPDATE_COMPONENT_BY_ID',\r\n    payload: getUpdateDataInAttributes(siteConfig, componentId, property, value),\r\n  });\r\n\r\n  /**\r\n     * TODO: While the components are in the process of being migrate to WSD,\r\n     * we need to have this logic in place to know if we should get/update the component data from attributes or from WSD.\r\n     * After migrating all the components and the layout, this can be removed.\r\n     * https://msasg.visualstudio.com/Bing_Ads/_workitems/edit/4729061\r\n     */\r\n  if (pilots.isSmartPageAttributesToWSDMigrationEnabled && !isMigratedToWSD(siteConfig, COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING.Introduction)) {\r\n    dispatch({\r\n      type: 'UPDATE_WSD_MIGRATION_STATUS',\r\n      payload: {\r\n        [COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING.Introduction]: true,\r\n      },\r\n    });\r\n  }\r\n\r\n  if (pilots.isSmartPageAttributesToWSDMigrationEnabled || isMigratedToWSD(siteConfig, COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING.Introduction)) {\r\n    dispatch({\r\n      type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n      payload: getUpdateDataInWSD(siteConfig, componentId, property, value),\r\n    });\r\n  }\r\n};\r\n\r\nexport const useSmartIntroductionData = (componentId) => {\r\n  const i18n = useContext(I18nContext);\r\n  const pilots = useAllPilots();\r\n\r\n  const { siteConfig, dispatchSiteConfig: dispatch } = useSiteConfig();\r\n\r\n  const data = getSmartIntroductionData(siteConfig, componentId, i18n, pilots);\r\n\r\n  const update = useCallback(\r\n    (property, value) =>\r\n      dispatchUpdate({\r\n        dispatch, siteConfig, componentId, property, value, pilots,\r\n      })\r\n    , [siteConfig, dispatch, componentId, pilots]\r\n  );\r\n\r\n  const debouncedUpdate = useMemo(() => _.debounce(update, 10), [update]);\r\n\r\n  return { ...data, update: debouncedUpdate };\r\n};\r\n","import {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKeys,\r\n  SMART_PAGE_DEFAULT_VALUES,\r\n  truncateString,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { proxyReadHeaderComponentConfig } from '@bingads-webui-campaign-react/smart-component-header';\r\n\r\nimport { dataProperties, headlineMaxCount } from './data-config';\r\n\r\nexport const proxyReadIntroductionComponentConfig = (componentConfig, siteConfig, i18n) => {\r\n  const {\r\n    [dataProperties.headline]: headline,\r\n    [dataProperties.description]: description,\r\n  } = componentConfig;\r\n\r\n  const [\r\n    businessCategories,\r\n    businessDescription,\r\n  ] = getDataSourceByKeys(siteConfig, [\r\n    DATA_SOURCE_KEY_MAPPING.BusinessCategories,\r\n    DATA_SOURCE_KEY_MAPPING.BusinessDescription,\r\n  ]);\r\n\r\n  const {\r\n    businessName,\r\n    defaultBusinessName,\r\n    logo,\r\n  } = proxyReadHeaderComponentConfig(componentConfig, siteConfig, i18n);\r\n\r\n  const descriptionFromCategory = businessCategories && businessCategories.join(', ');\r\n\r\n  return {\r\n    headline,\r\n    defaultHeadline: truncateString(businessName || defaultBusinessName, headlineMaxCount),\r\n    description,\r\n    defaultDescription: businessDescription || descriptionFromCategory ||\r\n      i18n.getString(SMART_PAGE_DEFAULT_VALUES.DESCRIPTION),\r\n    logo: logo || {},\r\n  };\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { SmartIntroductionView } from './smart-introduction-view';\r\nimport { useSmartIntroductionData } from './smart-introduction-data';\r\n\r\nexport const SmartIntroductionConnector = ({ id }) => {\r\n  const i18n = useContext(I18nContext);\r\n\r\n  const {\r\n    headline,\r\n    defaultHeadline,\r\n    description,\r\n    defaultDescription,\r\n  } = useSmartIntroductionData(id);\r\n\r\n  return (\r\n    <SmartIntroductionView\r\n      headline={headline}\r\n      defaultHeadline={defaultHeadline}\r\n      description={description}\r\n      defaultDescription={defaultDescription}\r\n      i18n={i18n}\r\n      id={id}\r\n    />\r\n  );\r\n};\r\n\r\nSmartIntroductionConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import React, { useState, useCallback, useEffect, useMemo } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { partial, isUndefined } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  SmartTextEditor,\r\n  SmartRichTextEditor,\r\n  TextErrorMap,\r\n} from '@bingads-webui-campaign-react/smart-component-text';\r\nimport {\r\n  useEditorStatusContext,\r\n  useMobileSupportEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  componentsConfig,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { SmartHeaderEditor } from '@bingads-webui-campaign-react/smart-component-header';\r\n\r\nimport { dataProperties, headlineMaxCount, descriptionMaxCount } from './data-config';\r\nimport { useSmartIntroductionData } from './smart-introduction-data';\r\n\r\nconst getStyles = () => ({\r\n  label: {\r\n    fontSize: '16px',\r\n  },\r\n  sectionContainer: {\r\n    margin: '10px 0',\r\n  },\r\n});\r\n\r\nconst descriptionTextError = {\r\n  [TextErrorMap.MaxLength]: _TL_('This field can\\'t exceed {{maxCharCount}} characters. Select the Business summary component below to describe your business in more detail.'),\r\n};\r\n\r\nexport const UnStyledSmartIntroductionEditor = ({\r\n  classes,\r\n  i18n,\r\n  activeDataProperty,\r\n  componentId,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const [highlightField, setHighlightField] = useState(activeDataProperty);\r\n  const isMobile = useMobileSupportEnabled();\r\n  const [{ selectedComponentType }] = useEditorStatusContext();\r\n  const {\r\n    headline,\r\n    defaultHeadline,\r\n    description,\r\n    defaultDescription,\r\n    update,\r\n  } = useSmartIntroductionData(componentId);\r\n\r\n  const onChange = useCallback((property, { value }) => update(property, value), [update]);\r\n\r\n  useEffect(() => setHighlightField(null), []);\r\n\r\n  const headerSection = useMemo(() => (\r\n    <div className={classNames(classes.sectionContainer, 'header-section')}>\r\n      <SmartHeaderEditor\r\n        i18n={i18n}\r\n        highlightField={highlightField}\r\n        componentId={componentId}\r\n      />\r\n    </div>\r\n  ), [classes, componentId, highlightField, i18n]);\r\n\r\n  const descriptionSection = useMemo(() => (\r\n    <div className={classNames(classes.sectionContainer, 'description-section')}>\r\n      {\r\n        !isMobile\r\n        && <h3 className={classes.label}>{i18n.getString(_TL_('Description'))}</h3>\r\n      }\r\n      <div data-editable-property={dataProperties.headline} >\r\n        <SmartTextEditor\r\n          label={i18n.getString(_TL_('Headline'))}\r\n          focus={highlightField === dataProperties.headline}\r\n          onChange={partial(onChange, dataProperties.headline)}\r\n          maxCharCount={headlineMaxCount}\r\n          placeholder={defaultHeadline}\r\n          value={headline}\r\n        />\r\n      </div>\r\n      <div data-editable-property={dataProperties.description} >\r\n        <SmartRichTextEditor\r\n          className=\"introduction-short-description-rich-text-editor\"\r\n          label={i18n.getString(_TL_('Short description'))}\r\n          onChange={partial(onChange, dataProperties.description)}\r\n          maxCharCount={descriptionMaxCount}\r\n          dataSourceName={DATA_SOURCE_KEY_MAPPING.BusinessDescription}\r\n          placeholder={isUndefined(description) ? defaultDescription : ''}\r\n          value={description}\r\n          customErrorMap={descriptionTextError}\r\n        />\r\n      </div>\r\n    </div>\r\n  ), [\r\n    classes, defaultDescription, defaultHeadline, isMobile,\r\n    description, headline, highlightField, i18n, onChange,\r\n  ]);\r\n\r\n  const editorConfigs = useMemo(() => {\r\n    if (isMobile) {\r\n      if (selectedComponentType === componentsConfig.header.type) {\r\n        return {\r\n          editorContent: headerSection,\r\n          title: _TL_('Logo and business name'),\r\n          description: _TL_('Choose your logo and confirm your business name.'),\r\n        };\r\n      }\r\n\r\n      // type === introduction\r\n      return {\r\n        editorContent: descriptionSection,\r\n        title: _TL_('Headline and business description'),\r\n        description: _TL_('Add the following required information to introduce your business to your customers.'),\r\n      };\r\n    }\r\n\r\n    return {\r\n      editorContent: [headerSection, descriptionSection],\r\n      title: _TL_('Business description'),\r\n      description: _TL_('Add all the required information in this section to introduce your business to your customers.'),\r\n    };\r\n  }, [descriptionSection, headerSection, isMobile, selectedComponentType]);\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(editorConfigs.title)}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(editorConfigs.description)}\r\n      </div>\r\n      <div className={editorContentClassName}>\r\n        {editorConfigs.editorContent}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartIntroductionEditor.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  activeDataProperty: PropTypes.string,\r\n  componentId: PropTypes.string.isRequired,\r\n};\r\n\r\nUnStyledSmartIntroductionEditor.defaultProps = {\r\n  activeDataProperty: null,\r\n};\r\n\r\nexport const SmartIntroductionEditor = withDefaultStyles(\r\n  UnStyledSmartIntroductionEditor,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { noop } from 'underscore';\r\n\r\nexport const MenuList = ({\r\n  navClassName,\r\n  className,\r\n  navItemClassName,\r\n  navAnchorClassName,\r\n  items,\r\n  onClick,\r\n  isEditMode,\r\n}) => {\r\n  const navItems = items.map(({\r\n    title,\r\n    targetId,\r\n  }) => {\r\n    const handleClick = id => (e) => {\r\n      onClick(e, id);\r\n    };\r\n\r\n    return (\r\n      <li key={targetId} className={navItemClassName}>\r\n        {\r\n          !isEditMode &&\r\n          <a\r\n            href={`#${targetId}`}\r\n            className={navAnchorClassName}\r\n            onClick={handleClick(targetId)}\r\n          >\r\n            {title}\r\n          </a>\r\n        }\r\n        {\r\n          isEditMode &&\r\n          <div className={navAnchorClassName}>\r\n            {title}\r\n          </div>\r\n        }\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <nav className={navClassName} >\r\n      <ul className={className}>\r\n        {navItems}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nMenuList.propTypes = {\r\n  navClassName: PropTypes.string,\r\n  className: PropTypes.string.isRequired,\r\n  navItemClassName: PropTypes.string.isRequired,\r\n  navAnchorClassName: PropTypes.string.isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    targetId: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  onClick: PropTypes.func,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nMenuList.defaultProps = {\r\n  onClick: noop,\r\n  navClassName: undefined,\r\n  isEditMode: false,\r\n};\r\n","import React, { useState, useRef, useContext } from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Panel, PanelType } from '@fluentui/react/lib/Panel';\r\nimport { MenuList } from './menu-list';\r\n\r\nconst getStyles = (components, { palette = {} }) => ({\r\n  container: {\r\n    marginLeft: 'auto',\r\n    marginRight: 12,\r\n    width: 44,\r\n    height: 38,\r\n  },\r\n  menuIcon: {\r\n    ...components.defaultButton,\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    border: 'none',\r\n    background: 'none',\r\n    padding: 0,\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto',\r\n    justifyContent: 'center',\r\n  },\r\n  menuIconPart: {\r\n    height: 2,\r\n    backgroundColor: palette.outline,\r\n    margin: '2px auto',\r\n    width: 20,\r\n  },\r\n  navContainer: {\r\n    listStyle: 'none',\r\n    padding: 'unset',\r\n\r\n    // center align all menu items\r\n    '& li a': {\r\n      textAlign: 'center',\r\n      width: '100%',\r\n      marginBottom: 36,\r\n      fontSize: 28,\r\n      textDecoration: 'solid',\r\n      textDecorationLine: 'underline',\r\n    },\r\n  },\r\n  navItem: {\r\n    fontSize: 20,\r\n    lineHeight: '23px',\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    marginBottom: 20,\r\n  },\r\n  navLink: {\r\n    textDecoration: 'none',\r\n    ...components.navLink,\r\n  },\r\n});\r\n\r\n// Note: Take care of the Panel Component, for accesibility when the panel is closed,\r\n// fluentUI is designed to keep the browser focus back to the element that activates the panel,\r\n// which will cause a scroll to make the header show again. This has a conflict with what we\r\n// want to do because we want the \"scrollTarget\" to be shown in the view. Use either of\r\n// the following methods to solve this problem:\r\n// - Add props \"popupProps={{ onRestoreFocus: () => {} }}\",\r\n//   this will override the default behavior in Popup.\r\n// - Add props \"isHiddenOnDismiss\", this will keep the Popup hidden rather than destroy\r\n//   and thus the clear effects function of \"useRestoreFocus\" hooks in Popup.tsx won't be executed.\r\nexport const UnStyledHamburgerMenu = ({\r\n  classes,\r\n  items,\r\n  top,\r\n  left,\r\n  width,\r\n  triggerRecalculation,\r\n}) => {\r\n  const [menuExpanded, setMenuExpanded] = useState(false);\r\n  const scrollTarget = useRef();\r\n\r\n  const i18n = useContext(I18nContext);\r\n\r\n  const closePanel = () => {\r\n    setMenuExpanded(false);\r\n  };\r\n  const handleClick = (e, id) => {\r\n    scrollTarget.current = id;\r\n    closePanel();\r\n  };\r\n\r\n  return (\r\n    <div className={classes.container} >\r\n      <button\r\n        className={classnames([classes.menuIcon, 'smart-page-hamburger-button'])}\r\n        onClick={() => {\r\n          triggerRecalculation();\r\n          setMenuExpanded(prev => !prev);\r\n        }}\r\n        aria-expanded={menuExpanded}\r\n        aria-label={i18n.getString(_TL_('Navigation pane'))}\r\n        aria-haspopup\r\n      >\r\n        <span className={classes.menuIconPart} />\r\n        <span className={classes.menuIconPart} />\r\n        <span className={classes.menuIconPart} />\r\n        <span className={classes.menuIconPart} />\r\n      </button>\r\n      <Panel\r\n        isHiddenOnDismiss\r\n        className=\"smart-page-header-navigation-pane\"\r\n        isBlocking={false}\r\n        type={PanelType.smallFixedFar}\r\n        isOpen={menuExpanded}\r\n        onDismiss={closePanel}\r\n        onDismissed={() => {\r\n          if (scrollTarget.current) {\r\n            document.getElementById(scrollTarget.current).scrollIntoView(true);\r\n            scrollTarget.current = null;\r\n          }\r\n        }}\r\n        closeButtonAriaLabel={i18n.getString(_TL_('Close'))}\r\n        styles={{\r\n          root: {\r\n            left,\r\n            width,\r\n            top,\r\n          },\r\n          main: {\r\n            // hamburger menu needs to cover parent container 100%\r\n            width: '100% !important',\r\n          },\r\n        }}\r\n      >\r\n        <MenuList\r\n          className={classes.navContainer}\r\n          navItemClassName={classes.navItem}\r\n          navAnchorClassName={classes.navLink}\r\n          items={items}\r\n          onClick={handleClick}\r\n        />\r\n      </Panel>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledHamburgerMenu.propTypes = {\r\n  classes: PropTypes.shape({\r\n    menuIcon: PropTypes.string.isRequired,\r\n    menuIconPart: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    targetId: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  top: PropTypes.number,\r\n  left: PropTypes.number,\r\n  width: PropTypes.number,\r\n  triggerRecalculation: PropTypes.func.isRequired,\r\n};\r\n\r\nUnStyledHamburgerMenu.defaultProps = {\r\n  top: 0,\r\n  left: 0,\r\n  width: 0,\r\n};\r\n\r\nexport const HamburgerMenu = withDefaultStyles(\r\n  UnStyledHamburgerMenu,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { uniqueId } from 'underscore';\r\nimport { SmartActionButton } from '@bingads-webui-campaign-react/smart-component-action-button';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = components => ({\r\n  secondaryBtn: {\r\n    ...components.defaultButton,\r\n  },\r\n  primaryBtn: {\r\n    ...components.primaryButton,\r\n  },\r\n});\r\n\r\nconst UnStyledButtonList = ({\r\n  actionButtons,\r\n  compactMode,\r\n  buttonListClassName,\r\n  buttonItemClassName,\r\n  classes,\r\n  useIconButton,\r\n  disabled,\r\n}) => {\r\n  const buttons = actionButtons.map(({ actionType }) => (\r\n    <li key={actionType} className={buttonItemClassName}>\r\n      <SmartActionButton\r\n        id={uniqueId('header_cta_')}\r\n        className={useIconButton ? '' : classes.secondaryBtn}\r\n        overrideButtonConfig={{\r\n          actionType,\r\n        }}\r\n        useIconButton={useIconButton}\r\n        disabled={disabled}\r\n      />\r\n    </li>));\r\n\r\n  return compactMode ? null : (\r\n    <ul className={buttonListClassName}>\r\n      {buttons}\r\n    </ul>\r\n  );\r\n};\r\n\r\nUnStyledButtonList.propTypes = {\r\n  compactMode: PropTypes.bool.isRequired,\r\n  actionButtons: PropTypes.arrayOf(PropTypes.shape({\r\n    actionType: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  buttonListClassName: PropTypes.string.isRequired,\r\n  buttonItemClassName: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({\r\n    primaryBtn: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  useIconButton: PropTypes.bool,\r\n  disabled: PropTypes.bool,\r\n};\r\n\r\nUnStyledButtonList.defaultProps = {\r\n  useIconButton: false,\r\n  disabled: false,\r\n};\r\n\r\nexport const ButtonList = withDefaultStyles(\r\n  UnStyledButtonList,\r\n  getStyles\r\n);\r\n","export const dataProperties = {\r\n  businessName: 'businessName',\r\n  logo: 'logo',\r\n};\r\n\r\nexport const businessNameMaxCount = 90;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { isEqual, debounce, isEmpty } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { ResponsiveMode } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { LogoImage } from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nimport { HamburgerMenu } from './components/hamburger-menu';\r\nimport { MenuList } from './components/menu-list';\r\nimport { ButtonList } from './components/button-list';\r\nimport { dataProperties } from './data-config';\r\n\r\nconst getStyles = (components, { palette = {}, effects = {} }) => {\r\n  const container = {\r\n    ...components.section,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    paddingTop: 10,\r\n    marginBottom: 25,\r\n  };\r\n\r\n  return ({\r\n    container,\r\n    containerMobile: {\r\n      // use padding instead of margin, so when calculate the panel/hamburger position\r\n      // we can get a precise top\r\n      padding: '12px 0 0 0',\r\n      marginTop: 'unset !important',\r\n    },\r\n    logoContainer: {\r\n      display: 'inline-block',\r\n      width: 'fit-content',\r\n      maxWidth: '50%',\r\n      flex: 1,\r\n    },\r\n    logoContainerMobile: {\r\n      marginLeft: 12,\r\n      maxWidth: 'calc(100% - 56px)',\r\n    },\r\n    navContainer: {\r\n      marginRight: 10,\r\n      marginLeft: 'auto',\r\n    },\r\n    navListContainer: {\r\n      listStyle: 'none',\r\n      display: 'inline-block',\r\n      margin: 0,\r\n    },\r\n    navItem: {\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      lineHeight: '14px',\r\n      float: 'left',\r\n      paddingLeft: 48,\r\n    },\r\n    navLink: {\r\n      textDecoration: 'underline',\r\n      textUnderlinePosition: 'under',\r\n      ...components.navLink,\r\n      fontSize: 20,\r\n      lineHeight: '28px',\r\n      fontWeight: '600',\r\n    },\r\n    buttonList: {\r\n      margin: 0,\r\n      padding: 0,\r\n    },\r\n    buttonListFull: {\r\n      marginLeft: 'auto', // this happens when no navigatin menu\r\n    },\r\n    buttonListMobile: {\r\n      margin: 0,\r\n      padding: 0,\r\n      display: 'flex',\r\n      justifyContent: 'space-around',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      transform: 'translateY(-50%)',\r\n      width: '100%',\r\n    },\r\n    buttonItem: {\r\n      display: 'inline-block',\r\n      margin: '0px 10px',\r\n      verticalAlign: 'bottom',\r\n    },\r\n    mobileFooter: {\r\n      position: 'fixed',\r\n      bottom: 0,\r\n      zIndex: 2,\r\n      backgroundColor: palette.primaryBackground,\r\n      textAlign: 'center',\r\n      boxShadow: effects.elevation,\r\n      height: components.fixedMobileFooter.height,\r\n    },\r\n  });\r\n};\r\n\r\nexport const UnStyledSmartHeaderView = ({\r\n  classes,\r\n  id,\r\n  items,\r\n  showItems,\r\n  actionButtons,\r\n  logoImageId,\r\n  logoName,\r\n  disabled,\r\n  footerSplit,\r\n  isEditMode,\r\n}) => {\r\n  const { isMobile, responsiveMode } = useClientContext();\r\n  const isSmallDesktop = responsiveMode === ResponsiveMode.SmallDesktop;\r\n\r\n  const [style, setStyle] = React.useState({});\r\n  const [resized, setResized] = React.useState(false);\r\n\r\n  const buttonList = (actionButtons.length > 0) ?\r\n    (\r\n      <ButtonList\r\n        compactMode={!isMobile && !isSmallDesktop && showItems}\r\n        actionButtons={actionButtons}\r\n        buttonListClassName={classnames(\r\n          (isMobile || isSmallDesktop) ? classes.buttonListMobile : classes.buttonList,\r\n          !showItems && classes.buttonListFull\r\n        )}\r\n        buttonItemClassName={classes.buttonItem}\r\n        useIconButton={isMobile || isSmallDesktop}\r\n        disabled={disabled}\r\n      />\r\n    ) : null;\r\n\r\n  // Ele might not have the final position yet, delay it to get the correct rect.\r\n  const measuredRef = debounce((node) => {\r\n    if (node !== null) {\r\n      const rect = node.getBoundingClientRect();\r\n\r\n      const newStyle = {\r\n        width: rect.width,\r\n        top: rect.top,\r\n        left: rect.left,\r\n        right: rect.right,\r\n      };\r\n\r\n      if (!isEqual(newStyle, style)) {\r\n        setStyle(newStyle);\r\n      }\r\n    }\r\n  }, 50);\r\n\r\n  useEffect(() => {\r\n    const resizeHandler = debounce(() => setResized(!resized), 50);\r\n    window.addEventListener('resize', resizeHandler);\r\n\r\n    return () => window.removeEventListener('resize', resizeHandler);\r\n  }, [resized]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {\r\n        !footerSplit &&\r\n        <header\r\n          id={id}\r\n          ref={measuredRef}\r\n        >\r\n          <div\r\n            className={classnames(\r\n              classes.container,\r\n              isMobile && classes.containerMobile\r\n            )}\r\n          >\r\n            <div\r\n              className={classnames(\r\n                classes.logoContainer,\r\n                'smart-page-logo-container',\r\n                (isMobile || isSmallDesktop) && classes.logoContainerMobile\r\n              )}\r\n            >\r\n              <LogoImage\r\n                imageId={logoImageId}\r\n                label={logoName}\r\n                logoDataProperty={dataProperties.logo}\r\n                businessNameDataProperty={dataProperties.businessName}\r\n              />\r\n            </div>\r\n            {\r\n              showItems && (isMobile || isSmallDesktop) &&\r\n              <HamburgerMenu\r\n                items={items}\r\n                top={style.top}\r\n                left={style.left}\r\n                width={style.width}\r\n                triggerRecalculation={() => setResized(!resized)}\r\n              />\r\n            }\r\n            {\r\n              showItems && !isMobile && !isSmallDesktop &&\r\n              <MenuList\r\n                navClassName={classes.navContainer}\r\n                className={classes.navListContainer}\r\n                navItemClassName={classes.navItem}\r\n                navAnchorClassName={classes.navLink}\r\n                items={items}\r\n                isEditMode={isEditMode}\r\n              />\r\n            }\r\n            {\r\n              !isMobile && !isSmallDesktop && buttonList\r\n            }\r\n          </div>\r\n        </header>\r\n      }\r\n      {\r\n        isMobile && footerSplit && !isEmpty(actionButtons) &&\r\n        <div\r\n          id={id}\r\n          ref={measuredRef}\r\n        >\r\n          <div\r\n            className={classnames(classes.mobileFooter, 'smart-page-preview-mobile-footer')}\r\n            style={{ width: style.width, left: style.left }}\r\n          >\r\n            {buttonList}\r\n          </div>\r\n        </div>\r\n      }\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nUnStyledSmartHeaderView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    navContainer: PropTypes.string.isRequired,\r\n    navItem: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    targetId: PropTypes.string.isRequired,\r\n  })),\r\n  showItems: PropTypes.bool.isRequired,\r\n  actionButtons: PropTypes.arrayOf(PropTypes.shape({\r\n    actionType: PropTypes.string.isRequired,\r\n  })),\r\n  logoImageId: PropTypes.string,\r\n  logoName: PropTypes.string.isRequired,\r\n  disabled: PropTypes.bool,\r\n  footerSplit: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nUnStyledSmartHeaderView.defaultProps = {\r\n  items: [],\r\n  actionButtons: [],\r\n  logoImageId: null,\r\n  disabled: false,\r\n  footerSplit: false,\r\n  isEditMode: false,\r\n};\r\n\r\nexport const SmartHeaderView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartHeaderView,\r\n  getStyles\r\n), 'componentMode');\r\n","import { chain, contains } from 'underscore';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  componentsConfig,\r\n  getComponentByType,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  SmartActionButtonTypes,\r\n  proxyReadFromCTAComponentConfig,\r\n} from '@bingads-webui-campaign-react/smart-component-action-button';\r\nimport { getActionTypesForContactComponent } from '@bingads-webui-campaign-react/smart-component-contact';\r\n\r\nconst ContactMethodActionTypes = [\r\n  SmartActionButtonTypes.CallNow.name,\r\n  SmartActionButtonTypes.SendMail.name,\r\n  SmartActionButtonTypes.GetDirections.name,\r\n];\r\n\r\nexport const useActionButtons = () => {\r\n  const { siteConfig } = useSiteConfig();\r\n  const ctaComponentConfig = getComponentByType(siteConfig, componentsConfig.callToAction.type);\r\n  const { actionType: ctaActionType } = proxyReadFromCTAComponentConfig(ctaComponentConfig);\r\n  const contactComponentConfig = getComponentByType(siteConfig, componentsConfig.contact.type);\r\n  const actionTypesInContact = getActionTypesForContactComponent(contactComponentConfig);\r\n\r\n  const actionTypes = chain(ContactMethodActionTypes)\r\n    .filter(type => contains(actionTypesInContact, type))\r\n    .without(ctaActionType)\r\n    .map(type => ({ actionType: type }))\r\n    .value();\r\n\r\n  return actionTypes;\r\n};\r\n","import React, { useContext } from 'react';\r\nimport { each, isEmpty } from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport { useSiteConfig, DataServiceContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport {\r\n  componentsConfig,\r\n  getPageIndexById,\r\n  getComponentById,\r\n  getPilotValue,\r\n  getWebsiteSourceDataByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { proxyReadLogoConfig } from '@bingads-webui-campaign-react/smart-component-image';\r\nimport { SmartHeaderView } from './smart-header-view';\r\nimport { useActionButtons } from './components/use-action-buttons';\r\n\r\nexport const SmartHeaderConnector = ({\r\n  id,\r\n  rootId,\r\n  disabled,\r\n  footerSplit,\r\n  isEditMode,\r\n}) => {\r\n  const i18n = useContext(I18nContext);\r\n  const serverContext = useContext(DataServiceContext);\r\n  const { siteConfig } = useSiteConfig();\r\n  const {\r\n    imageId: logoImageId,\r\n    label: logoName,\r\n  } = proxyReadLogoConfig({ i18n, siteConfig });\r\n  const actionButtons = useActionButtons();\r\n\r\n  const items = [];\r\n  let hasOptional = false;\r\n  const pageIndex = getPageIndexById(siteConfig, rootId);\r\n\r\n  each(siteConfig.orderedComponentsInPages && siteConfig.orderedComponentsInPages[pageIndex], ({\r\n    type,\r\n    id: componentId,\r\n  }) => {\r\n    const {\r\n      navTitle,\r\n      required,\r\n      hideNavWhenEmpty,\r\n      dataProp,\r\n      pilot,\r\n      wsdKey,\r\n    } = componentsConfig[type] || {};\r\n    const isPilotOn = pilot ? getPilotValue(serverContext, pilot) : true;\r\n\r\n    if (navTitle) {\r\n      let isVisible = false;\r\n\r\n      if (!hideNavWhenEmpty) {\r\n        isVisible = true;\r\n      } else {\r\n        const compConfig = getComponentById(siteConfig, componentId);\r\n\r\n        if (compConfig) {\r\n          let wsdConfig;\r\n          if (wsdKey) {\r\n            wsdConfig = getWebsiteSourceDataByKey(siteConfig, wsdKey);\r\n          }\r\n\r\n          if (\r\n            (compConfig[dataProp] && !isEmpty(compConfig[dataProp]))\r\n            || (wsdConfig && !isEmpty(wsdConfig))\r\n          ) {\r\n            isVisible = true;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Hide navigation when the component related pilot is off\r\n      // even if the component config exists.\r\n      if (!isPilotOn) {\r\n        isVisible = false;\r\n      }\r\n\r\n      if (isVisible) {\r\n        items.push({\r\n          title: i18n.getString(navTitle),\r\n          targetId: componentId,\r\n        });\r\n        hasOptional = hasOptional || !required;\r\n      }\r\n    }\r\n  });\r\n\r\n  return (\r\n    <SmartHeaderView\r\n      id={id}\r\n      logoImageId={logoImageId}\r\n      logoName={logoName}\r\n      items={items}\r\n      showItems={hasOptional}\r\n      actionButtons={actionButtons}\r\n      disabled={disabled}\r\n      footerSplit={footerSplit}\r\n      isEditMode={isEditMode}\r\n    />\r\n  );\r\n};\r\n\r\nSmartHeaderConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  rootId: PropTypes.string.isRequired,\r\n  disabled: PropTypes.bool,\r\n  footerSplit: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartHeaderConnector.defaultProps = {\r\n  disabled: false,\r\n  footerSplit: false,\r\n  isEditMode: false,\r\n};\r\n","import {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n  SMART_PAGE_DEFAULT_VALUES,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { dataProperties } from './data-config';\r\n\r\nexport const proxyReadBusinessName = (siteConfig, i18n) => {\r\n  const businessName = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessName);\r\n\r\n  return {\r\n    businessName,\r\n    defaultBusinessName: i18n.getString(SMART_PAGE_DEFAULT_VALUES.BUSINESS_NAME),\r\n  };\r\n};\r\n\r\n// Currently header editor is integrated in introduction section\r\nexport const proxyReadHeaderComponentConfig = (componentConfig, siteConfig, i18n) => {\r\n  const { [dataProperties.logo]: logo } = componentConfig;\r\n\r\n  return {\r\n    ...proxyReadBusinessName(siteConfig, i18n),\r\n    logo: logo || {},\r\n  };\r\n};\r\n","import {\r\n  ImageOptionsKey,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nexport const logoImageOptionsConfig = {\r\n  [ImageOptionsKey.DEFAULT]: {\r\n    text: _TL_('Use default'),\r\n  },\r\n  [ImageOptionsKey.FACEBOOKIMPORT]: {\r\n    text: _TL_('Use profile picture from Facebook'),\r\n  },\r\n};\r\n","import React, { useContext, useCallback, useEffect, useRef } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { partial, isEmpty } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { SmartTextEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport {\r\n  SiteConfigContext,\r\n  useDebouncedDispatchSiteConfig,\r\n  useEditorStatusContext,\r\n  InstrumentationServiceContext,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useSavedSiteConfig,\r\n  useUserAccountCustomer,\r\n  useMobileSupportEnabled,\r\n  useIsPmaxLiteIntegration,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  SmartImageEditor,\r\n  ImageOptionsKey,\r\n  useExistingUploadedImage,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\nimport { useConfirmDialog } from '@bingads-webui-campaign-react/common-hooks';\r\n\r\nimport { dataProperties, businessNameMaxCount } from './data-config';\r\nimport { proxyReadHeaderComponentConfig } from './component-config-reader';\r\nimport { logoImageOptionsConfig } from './logo-image-options';\r\n\r\nconst getImageFromFacebookInfo = fbInfo => fbInfo.profilePicture;\r\n\r\nconst getStyles = () => ({\r\n  logoEditor: {\r\n    paddingBottom: '18px',\r\n  },\r\n  label: {\r\n    fontSize: '16px',\r\n  },\r\n});\r\n\r\nconst componentName = 'HeaderEditor';\r\n\r\n// Currently header editor is integrated in introduction editor\r\nexport const UnStyledSmartHeaderEditor = ({\r\n  classes,\r\n  i18n,\r\n  highlightField,\r\n  componentId,\r\n}) => {\r\n  const { siteConfig, dispatchSiteConfig } = useContext(SiteConfigContext);\r\n  const logger = useContext(InstrumentationServiceContext);\r\n  const { savedSiteConfig } = useSavedSiteConfig();\r\n  const confirmDialogPromiseRef = useRef({ resolve: null, reject: null });\r\n  const isInPmaxLiteWizard = useIsPmaxLiteIntegration();\r\n\r\n  const {\r\n    readAccountWithLog,\r\n    updateAccountWithLog,\r\n  } = useUserAccountCustomer({ postponeRead: true, componentName });\r\n  const debouncedDispatchSiteConfig = useDebouncedDispatchSiteConfig();\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const isMobile = useMobileSupportEnabled();\r\n  const logoImageId = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.LogoImageId);\r\n  const componentConfig = getComponentById(siteConfig, componentId);\r\n  const {\r\n    businessName,\r\n    defaultBusinessName,\r\n    logo: { fileName: logoFileName },\r\n  } = proxyReadHeaderComponentConfig(componentConfig, siteConfig, i18n);\r\n\r\n  const {\r\n    selectedImageOption,\r\n    setSelectedImageOption,\r\n    facebookImageInfo,\r\n    setFacebookImageInfo,\r\n    uploadedFileInfo,\r\n    setUploadedFileInfo,\r\n    enableFacebookImport,\r\n  } = useExistingUploadedImage({\r\n    imageId: logoImageId,\r\n    fileName: logoFileName,\r\n  });\r\n\r\n  const onChange = useCallback((property, { value }, enableDebounce = true) => {\r\n    const update = {\r\n      ...componentConfig,\r\n      [property]: value,\r\n    };\r\n\r\n    const dispatch = enableDebounce ? debouncedDispatchSiteConfig : dispatchSiteConfig;\r\n    dispatch({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: update,\r\n    });\r\n  }, [componentConfig, debouncedDispatchSiteConfig, dispatchSiteConfig]);\r\n\r\n  const onNewLogoImageUploaded = (imageMetaData, fileObj) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_IMAGES',\r\n      payload: {\r\n        imageIdsToRemove: logoImageId && [logoImageId],\r\n        imagesToAdd: [imageMetaData],\r\n      },\r\n    });\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_DATASOURCE_BY_NAME',\r\n      payload: {\r\n        name: DATA_SOURCE_KEY_MAPPING.LogoImageId,\r\n        value: imageMetaData.IdString,\r\n      },\r\n    });\r\n\r\n    if (fileObj) { // used by logo editor\r\n      setUploadedFileInfo({\r\n        file: fileObj,\r\n        image: imageMetaData,\r\n      });\r\n      onChange(dataProperties.logo, {\r\n        value: {\r\n          fileName: fileObj.name,\r\n        },\r\n      }, false);\r\n    } else {\r\n      setFacebookImageInfo(imageMetaData);\r\n      onChange(dataProperties.logo, {\r\n        value: null,\r\n      }, false);\r\n    }\r\n  };\r\n\r\n  const onDefaultLogoImageSelected = useCallback(() => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_DATASOURCE_BY_NAME',\r\n      payload: {\r\n        name: DATA_SOURCE_KEY_MAPPING.LogoImageId,\r\n        value: null,\r\n      },\r\n    });\r\n  }, [dispatchSiteConfig]);\r\n\r\n  const onChoiceChange = (key) => {\r\n    setSelectedImageOption(key);\r\n    if (key === ImageOptionsKey.DEFAULT) {\r\n      onDefaultLogoImageSelected();\r\n    }\r\n  };\r\n\r\n  const updateAccountPromise = useCallback(\r\n    () => readAccountWithLog({})\r\n      .then((account) => {\r\n        const updatedAccount = {\r\n          ...account,\r\n          BusinessAddress: {\r\n            ...account.BusinessAddress,\r\n            BusinessName: businessName,\r\n          },\r\n        };\r\n\r\n        return updateAccountWithLog({ Account: updatedAccount });\r\n      })\r\n      .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus))\r\n    , [businessName, dispatchEditorStatus, readAccountWithLog, updateAccountWithLog]\r\n  );\r\n\r\n  const onConfirm = useCallback(() => {\r\n    logger.logTrace(`SmartPageEditor|${componentName}|ConfirmationDialog|ConfirmButton|clicked`);\r\n\r\n    updateAccountPromise()\r\n      .then(() => confirmDialogPromiseRef.current.resolve('User clicked update business name.'))\r\n      .catch(err => confirmDialogPromiseRef.current.reject(err));\r\n  }, [logger, updateAccountPromise]);\r\n\r\n  const onCancel = useCallback(() => {\r\n    confirmDialogPromiseRef.current.resolve('User clicked no update business name.');\r\n    logger.logTrace(`SmartPageEditor|${componentName}|ConfirmationDialog|CancelButton|clicked`);\r\n  }, [logger]);\r\n\r\n  const [\r\n    confirmUpdateAccountBusinessNameDialog,\r\n    showDialog,\r\n    isDialogVisible,\r\n  ] = useConfirmDialog({\r\n    title: i18n.getString(_TL_('You changed your Smart Pages\\' business name')),\r\n    content: i18n.getString(_TL_('Do you want to update your account\\'s business name, too?')),\r\n    confirmText: i18n.getString(_TL_('Yes')),\r\n    onConfirm,\r\n    cancelText: i18n.getString(_TL_('No thanks')),\r\n    onCancel,\r\n    className: 'smart-page-confirm-update-account-business-name-dialog',\r\n    onDisplay: () => logger.logTrace(`SmartPageEditor|${componentName}|ConfirmationDialog|shown`),\r\n    modalProps: { isBlocking: true },\r\n  });\r\n\r\n  const postUpdateBusinessName = useCallback(() => {\r\n    const savedBusinessName =\r\n      getDataSourceByKey(savedSiteConfig, DATA_SOURCE_KEY_MAPPING.BusinessName);\r\n\r\n    // Bypass for expert account\r\n    if (isInPmaxLiteWizard) {\r\n      return Promise.resolve(null);\r\n    }\r\n\r\n    if (\r\n      !isEmpty(businessName)\r\n      && businessName.length <= businessNameMaxCount\r\n      && businessName !== savedBusinessName\r\n    ) {\r\n      // Return a promise that resolve based on user interaction\r\n      return new Promise((resolve, reject) => {\r\n        confirmDialogPromiseRef.current.resolve = resolve;\r\n        confirmDialogPromiseRef.current.reject = reject;\r\n\r\n        showDialog();\r\n      });\r\n    }\r\n\r\n    return Promise.resolve(null);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [savedSiteConfig, businessName]);\r\n\r\n  useEffect(() => {\r\n    dispatchEditorStatus({\r\n      type: 'SET_ON_EXIT_COMPONENT_EDITING_EFFECT',\r\n      payload: postUpdateBusinessName,\r\n    });\r\n  }, [postUpdateBusinessName, dispatchEditorStatus]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {\r\n        !isMobile\r\n        && <h3 className={classes.label}>{i18n.getString(_TL_('Business name and logo'))}</h3>\r\n      }\r\n      <div data-editable-property={dataProperties.businessName}>\r\n        <SmartTextEditor\r\n          label={i18n.getString(_TL_('Business name'))}\r\n          focus={highlightField === dataProperties.businessName}\r\n          onChange={partial(onChange, dataProperties.businessName)}\r\n          maxCharCount={businessNameMaxCount}\r\n          dataSourceName={DATA_SOURCE_KEY_MAPPING.BusinessName}\r\n          placeholder={defaultBusinessName}\r\n          shouldTrimValue\r\n          isRequired\r\n        />\r\n      </div>\r\n      <SmartImageEditor\r\n        componentId={componentId}\r\n        i18n={i18n}\r\n        className={classNames('smart-page-logo-editor', classes.logoEditor)}\r\n        label={i18n.getString(_TL_('Business logo'))}\r\n        getImageFromFacebookInfo={getImageFromFacebookInfo}\r\n        imageOptionsConfig={logoImageOptionsConfig}\r\n        onNewImageUploaded={onNewLogoImageUploaded}\r\n        selectedKey={selectedImageOption}\r\n        uploadedFileInfo={uploadedFileInfo}\r\n        facebookImageInfo={facebookImageInfo}\r\n        onChoiceChange={onChoiceChange}\r\n        enableFacebookImport={enableFacebookImport}\r\n      />\r\n      {isDialogVisible && confirmUpdateAccountBusinessNameDialog}\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nUnStyledSmartHeaderEditor.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  highlightField: PropTypes.string,\r\n  componentId: PropTypes.string.isRequired,\r\n};\r\n\r\nUnStyledSmartHeaderEditor.defaultProps = {\r\n  highlightField: null,\r\n};\r\n\r\nexport const SmartHeaderEditor = withDefaultStyles(\r\n  UnStyledSmartHeaderEditor,\r\n  getStyles\r\n);\r\n","import { isEmpty } from 'underscore';\r\n\r\nimport { getDataSourceByKey, DATA_SOURCE_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { businessNameMaxCount } from './data-config';\r\n\r\nexport function smartHeaderValidator({\r\n  siteConfig,\r\n  i18n,\r\n}) {\r\n  const businessName = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessName);\r\n\r\n  if (siteConfig) {\r\n    const errors = [];\r\n\r\n    if (isEmpty(businessName) || businessName.length > businessNameMaxCount) {\r\n      errors.push(i18n ? i18n.getString(_TL_('Invalid business name')) : null);\r\n    }\r\n\r\n    if (!isEmpty(errors)) {\r\n      return { isValid: false, errors };\r\n    }\r\n  }\r\n\r\n  return { isValid: true, errors: undefined };\r\n}\r\n","// Add or remove item to add or remove social link control\r\nexport const getDataProperties = i18n => ({\r\n  facebook: {\r\n    id: 'smart-page-facebook-link-section',\r\n    key: 'facebookLink',\r\n    label: i18n.getString(_TL_('Facebook page')),\r\n    placeholder: 'https://www.facebook.com',\r\n    className: 'smart-page-social-fb-link',\r\n    logo: 'data:image/png;base64,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',\r\n  },\r\n  instagram: {\r\n    id: 'smart-page-instagram-link-section',\r\n    key: 'instagramLink',\r\n    label: i18n.getString(_TL_('Instagram')),\r\n    placeholder: 'https://www.instagram.com',\r\n    className: 'smart-page-social-ins-link',\r\n    logo: 'data:image/png;base64,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',\r\n  },\r\n  twitter: {\r\n    id: 'smart-page-twitter-link-section',\r\n    key: 'twitterLink',\r\n    label: i18n.getString(_TL_('Twitter')),\r\n    placeholder: 'https://www.twitter.com',\r\n    className: 'smart-page-social-twit-link',\r\n    logo: 'data:image/png;base64,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',\r\n  },\r\n  linkedin: {\r\n    id: 'smart-page-linkedin-link-section',\r\n    key: 'linkedinLink',\r\n    label: i18n.getString(_TL_('LinkedIn')),\r\n    placeholder: 'https://www.linkedin.com',\r\n    className: 'smart-page-social-lid-link',\r\n    logo: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQ3SURBVHhe7Zt/aFVlGMef573bWrRrNEcohL/w3qsXmkGUVEQK/aFC/rjXFkoQBRUqWXfLoj/q4n+ZekdOUFMIEgomuzoIhUDCAvWfoExqu6uBDnVBMLfdueHuPU/PmQ+UcPeesx/Qe/aeDxyeH/dwd9/ved/n/cEZAvNC9vuq/uGBXYDwGgAlAfABNz/XIIK73OAuRDjedb10BE41lfHJt45VF+saOgFxvdxnB0SdC6L1W1UxOn+3dY13Qdx0a3hgtwLCNyRlI68rQoxJYCNxxUWhWgLr4GJYo8S3llAAsVOAZ1OgPr5+B4IxSQYW/wIQOER0mKeNpd0H04v4So5FBx/hD14moILcFTgw0ZLnJ+qB23iEbYWDqXbJ3Mfyd87OUzWj5xDwWUkFBn89AOnAZI13+aNtwxCqCPcEKEoqMHgKwN2+RFS9X8JJ6d6/+SYSfCVhYPDRA/BKIbfxbwm08DC5IG5g8BYAYVA8bxwaEi8w+OgBtFQcbxQsEy8weArAlX1JLJN/WkItSLhF3MDgowdwwxS1uucGElYk0dyxkdV6UcLA4E8Ant+L0Yb2xJ4zUUndR7wlv55vOilhoPC3EBJ4EdzP5ij39R+VA3coQsuI1CsI9BJ/1cTxWtCYkgBzEV9DYC5jvQBmDwGiP/nHneNp6GdwnBtcc0oI6iFeci/kerSSi84aLr6Ncve08CUA/7GPCrnUpxJWZHH2y9ra4sOjEv4Hus1bZ94260k050e5MbWuz/uPS9w5Py7ktpyf+FBDLNOxisvvJ4iYktSUMGsITJw54Ics9nN+Gu/S05r+pZBLp7lXbJ/OAY05AvBcSkBvc8M/42DKw7Irl/rGISftiigpXxgjADf+C36SJyScFj2tW8+y+fxe5A9jBKiqK38g7oyoLkX2cQ25I6Enxgjw296mu+LOiKuHNv3FxvfBjFlFcJZAVO5Q8IWZAmSzKtZyZvWK5vy2eCb/6or388+4OfnUk/Gq8R/cozwJtRgnQDzTsS4+vKpXgXOZEL5GBSd5eriYGG78NfZufqXcpqV3X9Mgzyq9EmoxSoDYntPPo8JveWGzWFL/gphUEfguubO9TjJakPC6uFqMEkCVnUNsIveiCiA8Vnow8qZEWngh0SeuFmMESGROP85P+QkJJ4Wf7AZxtfA+4ba4WszpAUhPiacHKSGeFkJ/awFjBOAu+6i4Wrgg1ourhRfTwRIAkTx3jC6865vYMXpBgL72BCYVwYoHrhWIJLPtNeLPGHOGAD8ycT0ZgZFZ+90m9YD/hVAAsdYSCiDWWkIBxFpLKIBYawkFEGstoQBirSV8Q0SstYQCiLWWUACugOPiW4fbdoVEPRJbh9t2RQqOS2wdhHBCFa6V24CoU3L2wG1eWFffptx/Ie/uK7svF71HBFf5mpU3NYyEYIyAfmJvR3f0SurC3rWlfwCgXFFT8kNgTQAAAABJRU5ErkJggg==',\r\n  },\r\n  youtube: {\r\n    id: 'smart-page-youtube-link-section',\r\n    key: 'youtubeLink',\r\n    label: i18n.getString(_TL_('YouTube')),\r\n    placeholder: 'https://www.youtube.com',\r\n    className: 'smart-page-social-yt-link',\r\n    logo: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAU6SURBVHhe7ZpdaBxVFMfPmcl+pd00m2RiE4s1FktRWlGsii+KoC1tYkBNm7ZUsVTqByo+C+KDz4IQiFYtlCq2CQjVUOKLiA+CLViIKH5VrdZt3dlNmmy6u7PJzPHM5nR2lt2mQmZ3k+388jH/85/lbubsuZd7by74+Pj4+Pj4+Pj43JigXBeFRgbU7Kl8d1PGutlEakEFmpEwAhaFrYKGCLcU5sYi3GSQtWpZhPw6FQj5hxthj1tC/lb4qnCssL/w/uzyl8XCAiT7asdm4S6SyY6pKOIB5bm5LOsct5ZVLMiAgqwpy6/LqIQz883KP5EdwTjuGuXXL841E8BvgsZg36tAdACmL2+G+Tm5s0JoCgDEWieI8IPw8c+H+EHtj6GMigmgZ/pbDcP8GpL6ZrFWNpo2EQqqD+HRk5fFceByLMfImSMN8/A2ur7FMKwTEpVQlgBjd+9eSOmPStg4JBOPcZfeI5FDeQUgvCWqEXlTrg4lCcjv6nuAknqPhA0HJRMb8/t6t0pYoCQBFsJ+kQ2LOQf7RBYoSQAiPSyyYeFZyCMiCzgJoIEBlWZn75DQO8I8N1pOZK5stid2EhUTkA9m74JcViLvsFatPmJq2vPY3iFOnclkIP+psUUiVwWYdJtIz9kRT394zgh0ULt2FJqaxK0fhJbzrMUxgPAWUVXhhamp6e2X0gdz7bH7qK3zF7HrA4HzrMUKcJnVpP9C+uz2f2fuzGvaS9jWLm5tcT+rkwAFcb3ImtAXTx/+Q1U07hYfgeqMSTWBl6K3inRVAJImsmYciqcvc7d4NheN3Q8d2jmxqw4vC50RuTgGIK/v60S/PvvdtovpTXMdna9grE3cakJhEa4EWMQL6PrSe3Fm+DxRJ3eLT6raLRBCoooJQLR3c+rPc3p2irvF00Zb24O8jv9TbE9BwPIEcL9wzOXA4/H0mW3x9O3cLV7D1pi43sDjnfNhF7sA1G8MWAzuFkMXmgJrSdNGQHH9uUvBqtAFlj1XN1A9xpUA8n4h4AFjXdGX183lL2FSHwDLEneJKGCIKiaA0+uYy4HPuqNbv+iK/hpI6m/TdNle5pJAQufDdhLA08NlUQHva5HY+NrosVAq9Q0kdWfG5iUEVF4BTN0rgMv9xfWICUzpg56Ve0UwJ8KdgKJZa05qq+/hcv+Jy/0dmpoUt6pUHAOSImvGe93R1vHulqPh9NS3XO4bxK46CJQQWUyABVSVWde14HI/1GNaOuqJvWBe9194nmIR/CXSVQFYNKvJyXXRu8dvavmBy32IJlPi1hb3s7rGAPpbRFUYjsXWjHe1HAmnpk7jZGKj2PWhUgIQ1Kqtx091RQ9uCM4lMZnYD/Pz4tYPJOV3kcUEBM3QBES8Xw4oV2YPqEl9mCZrPsZWprkZgk/wswrFChgdNXHV6h8l9I4qbLUvieZV37sPTrjGAHs2iF+JbFjIgi9FFihJgEJwTGTDogbgY5EFypaYxmDvb1TDSUktwXbt59CJsU0SFiipgAIEr4tqPBDfEOVQcZPB2N07Ril9p4QNAXZoY6HjY30SOpRXABPIKnugo/OMhCsffpZARtkrUQmLbjNl9/QeQgsOwuzMvWAsq/2S62Mfk1vTepYQDkeOj70rbhmLJuAq9pnBzFM7uwMB7OFlepSNECoYsa8WUhgBwzy9CoPJvr3nvnBA0j4MWXpgkn9xcwv3rh6WXHgD1yFJ+zAkEn+XHpC073FMxEtZlX8Ic3wjp/CV2zHIoqx9VSxIzyvq+ciT/++gpI+Pj4+Pj4+Pj88NCcB/58HY8ONNYsAAAAAASUVORK5CYII=',\r\n  },\r\n  pinterest: {\r\n    id: 'smart-page-pinterest-link-section',\r\n    key: 'pinterestLink',\r\n    label: i18n.getString(_TL_('Pinterest')),\r\n    placeholder: 'https://www.pinterest.com',\r\n    className: 'smart-page-social-pt-link',\r\n    logo: 'data:image/png;base64,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',\r\n  },\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { THEME_MODE_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\n\r\nimport { getDataProperties } from './data-config';\r\n\r\nconst getStyles = (components, { palette = {} }) => ({\r\n  socialLinksContainer: {\r\n    ...components.section,\r\n    textAlign: 'center',\r\n  },\r\n  link: {\r\n    width: 115,\r\n    margin: '0px 18px 8px 18px',\r\n    display: 'inline-block',\r\n    ...components.link,\r\n    '&:focus': {\r\n      outline: '1px solid #605e5c',\r\n    },\r\n  },\r\n  linkIcon: {\r\n    width: 32,\r\n    height: 32,\r\n    display: 'block',\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto',\r\n    ...(palette.mode === THEME_MODE_KEY_MAPPING.Dark ? { filter: 'brightness(0) invert(1)' } : {}),\r\n  },\r\n  linkTips: {\r\n    color: palette.linkText,\r\n    textDecoration: 'underline',\r\n    marginTop: 12,\r\n    display: 'block',\r\n    fontSize: 16,\r\n    lineHeight: '20px',\r\n  },\r\n});\r\n\r\nconst transformLinkUrl = (originalLink) => {\r\n  const httpsPrefix = 'https://';\r\n  const httpPrefix = 'http://';\r\n  if (originalLink &&\r\n    (originalLink.indexOf(httpsPrefix) === 0 || originalLink.indexOf(httpPrefix) === 0)) {\r\n    return originalLink;\r\n  }\r\n  return `${httpsPrefix}${originalLink}`;\r\n};\r\n\r\nconst UnStyledSmartSocialLinksView = ({\r\n  classes,\r\n  i18n,\r\n  id,\r\n  socialLinksConfigs,\r\n  isEditMode,\r\n}) => {\r\n  const dataProperties = getDataProperties(i18n);\r\n  const socialLinks = [];\r\n\r\n  Object.entries(dataProperties).forEach(([, socialLinkMapping]) => {\r\n    const socialLinkConfig = socialLinksConfigs[socialLinkMapping.key];\r\n    const ItemRenderer = isEditMode ? 'div' : 'a';\r\n    const linkProps = isEditMode ? {} : {\r\n      href: transformLinkUrl(socialLinkConfig.value),\r\n      target: '_blank',\r\n      rel: 'noopener noreferrer',\r\n    };\r\n\r\n    if (socialLinkConfig.isDisplay) {\r\n      socialLinks.push((\r\n        <ItemRenderer\r\n          className={classNames(classes.link, socialLinkMapping.className)}\r\n          {...linkProps}\r\n        >\r\n          <img className={classes.linkIcon} src={socialLinkMapping.logo} alt=\"\" />\r\n          <span className={classes.linkTips}>{socialLinkMapping.label}</span>\r\n        </ItemRenderer>\r\n      ));\r\n    }\r\n  });\r\n\r\n  return (\r\n    <div id={id} className={classNames(classes.socialLinksContainer, 'smart-page-social-links-view-container')}>\r\n      <div className={classes.socialLinksSection}>\r\n        {socialLinks}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartSocialLinksView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    socialLinksContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string,\r\n  socialLinksConfigs: PropTypes.shape({}).isRequired,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nUnStyledSmartSocialLinksView.defaultProps = {\r\n  id: undefined,\r\n  isEditMode: false,\r\n};\r\n\r\nexport const SmartSocialLinksView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartSocialLinksView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartSocialLinksView } from './smart-social-links-view';\r\nimport { getDataProperties } from './data-config';\r\n\r\nexport const SmartSocialLinksConnector = ({ id, isEditMode }) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const i18n = useContext(I18nContext);\r\n  const componentConfigs = getComponentById(siteConfig, id);\r\n  const socialLinksConfigs = {};\r\n  const dataProperties = getDataProperties(i18n);\r\n  let showSocialLinks = false;\r\n\r\n  Object.entries(dataProperties).forEach(([, socialLinkMapping]) => {\r\n    socialLinksConfigs[socialLinkMapping.key] = componentConfigs[socialLinkMapping.key] ?\r\n      componentConfigs[socialLinkMapping.key] : {};\r\n\r\n    if (socialLinksConfigs[socialLinkMapping.key].isDisplay) {\r\n      showSocialLinks = true;\r\n    }\r\n  });\r\n\r\n\r\n  return useMemo(() => (\r\n    showSocialLinks\r\n      ? <SmartSocialLinksView\r\n        i18n={i18n}\r\n        id={id}\r\n        socialLinksConfigs={socialLinksConfigs}\r\n        isEditMode={isEditMode}\r\n      />\r\n      : null\r\n  ), [i18n, id, isEditMode, showSocialLinks, socialLinksConfigs]);\r\n};\r\n\r\nSmartSocialLinksConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartSocialLinksConnector.defaultProps = {\r\n  isEditMode: false,\r\n};\r\n","import React, { useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Toggle } from '@fluentui/react/lib/Toggle';\r\nimport { SmartTextEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { isValidUrl } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst getStyles = () => ({\r\n  toggle: {\r\n    position: 'absolute',\r\n    right: 40,\r\n    marginTop: 5,\r\n    zIndex: 1,\r\n  },\r\n  root: {\r\n    margin: '15px 0',\r\n  },\r\n});\r\n\r\nexport const SmartSocialLinkEditor = ({\r\n  i18n,\r\n  componentId,\r\n  socialLinkKey,\r\n  socialLinkLabel,\r\n  linkPlaceholder,\r\n  onValueChange,\r\n  onToggleChange,\r\n  enabled,\r\n  value,\r\n}) => {\r\n  const classes = useDefaultStyles(getStyles);\r\n  const toggleText = i18n.getString(_TL_('Display on website'));\r\n  const toggleLabel = `${socialLinkLabel} ${toggleText}`;\r\n\r\n  const validateLink = useCallback((val) => {\r\n    if (isValidUrl(val)) {\r\n      return '';\r\n    }\r\n    return i18n.getString(_TL_('Invalid link'));\r\n  }, [i18n]);\r\n\r\n  return (\r\n    <div id={componentId} className={classes.root}>\r\n      <Toggle\r\n        className={classes.toggle}\r\n        ariaLabel={toggleLabel}\r\n        inlineLabel\r\n        onText={toggleText}\r\n        offText={toggleText}\r\n        checked={enabled}\r\n        onChange={onToggleChange}\r\n      />\r\n      <div data-editable-property={socialLinkKey} >\r\n        <SmartTextEditor\r\n          label={socialLinkLabel}\r\n          onChange={onValueChange}\r\n          value={value}\r\n          placeholder={linkPlaceholder}\r\n          validation={validateLink}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSmartSocialLinkEditor.defaultProps = {\r\n  value: '',\r\n};\r\n\r\nSmartSocialLinkEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  socialLinkKey: PropTypes.string.isRequired,\r\n  socialLinkLabel: PropTypes.string.isRequired,\r\n  linkPlaceholder: PropTypes.string.isRequired,\r\n  onValueChange: PropTypes.func.isRequired,\r\n  onToggleChange: PropTypes.func.isRequired,\r\n  enabled: PropTypes.bool.isRequired,\r\n  value: PropTypes.string,\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { partial, debounce } from 'underscore';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  getComponentById,\r\n  useDefaultEditorStyle,\r\n  prependProtocolToUrl,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { getDataProperties } from './data-config';\r\nimport { SmartSocialLinkEditor } from './components/smart-social-link-editor';\r\n\r\nconst getStyles = () => ({\r\n  socialLinksContainer: {\r\n    position: 'relative',\r\n  },\r\n  toggle: {\r\n    position: 'absolute',\r\n    right: 40,\r\n    marginTop: 5,\r\n    zIndex: 1,\r\n  },\r\n});\r\n\r\nconst UnstyledSmartSocialLinksEditor = ({\r\n  i18n,\r\n  classes,\r\n  componentId,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const { siteConfig, dispatchSiteConfig } = useContext(SiteConfigContext);\r\n  const componentConfig = getComponentById(siteConfig, componentId) || {};\r\n  const defautLinkInfo = {\r\n    isDisplay: false,\r\n    value: '',\r\n  };\r\n\r\n  const onValueChange = debounce((property, { value }) => {\r\n    const linkInfo = componentConfig[property] || defautLinkInfo;\r\n    linkInfo.value = prependProtocolToUrl(value);\r\n    const update = {\r\n      ...componentConfig,\r\n      [property]: linkInfo,\r\n    };\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: update,\r\n    });\r\n  }, 200);\r\n\r\n  const onToggleChange = debounce((property, e, checked) => {\r\n    const linkInfo = componentConfig[property] || defautLinkInfo;\r\n    linkInfo.isDisplay = checked;\r\n    const update = {\r\n      ...componentConfig,\r\n      [property]: linkInfo,\r\n    };\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: update,\r\n    });\r\n  }, 80);\r\n\r\n  const dataProperties = getDataProperties(i18n);\r\n  const linkEditors = [];\r\n\r\n  Object.entries(dataProperties).forEach(([, socialLinkMapping]) => {\r\n    linkEditors.push((\r\n      <SmartSocialLinkEditor\r\n        i18n={i18n}\r\n        key={socialLinkMapping.id}\r\n        componentId={socialLinkMapping.id}\r\n        socialLinkKey={socialLinkMapping.key}\r\n        socialLinkLabel={socialLinkMapping.label}\r\n        linkPlaceholder={socialLinkMapping.placeholder}\r\n        enabled={\r\n          !!componentConfig[socialLinkMapping.key] &&\r\n          componentConfig[socialLinkMapping.key].isDisplay}\r\n        value={componentConfig[socialLinkMapping.key]\r\n          ? componentConfig[socialLinkMapping.key].value : ''}\r\n        onValueChange={partial(onValueChange, socialLinkMapping.key)}\r\n        onToggleChange={partial(onToggleChange, socialLinkMapping.key)}\r\n      />\r\n    ));\r\n  });\r\n\r\n  return (\r\n    <div id=\"smart-page-social-links-editor-container\" className={classes.socialLinksContainer}>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Social links'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Add links to your website, so customers can find and follow your business on social media.'))}\r\n      </div>\r\n      <div className={editorContentClassName}>\r\n        {linkEditors}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartSocialLinksEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    socialLinksContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartSocialLinksEditor = withDefaultStyles(\r\n  UnstyledSmartSocialLinksEditor,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport { usePilotsValue } from '@bingads-webui-campaign-react/basic-context-utils';\r\nimport { useMediaQuery } from '@bingads-webui-campaign-react/common-hooks';\r\n\r\n// Define all pilots used in Smart Page over here.\r\nexport const PILOTS = {\r\n  isESCMsanEnabled: 'isESCMsanEnabled',\r\n  isSubscriptionSignupEnabled: 'IsSubscriptionSignupEnabled',\r\n  isUnifiedProductSubscriptionEnabled: 'IsUnifiedProductSubscriptionEnabled',\r\n  isSmartPageBusinessHourSectionEnabled: 'isSmartPageBusinessHourSectionEnabled',\r\n  isSmartPageImageTextSuggestionEnabled: 'IsSmartPageImageTextSuggestionEnabled',\r\n  isSmartPageM365StockImageEnabled: 'IsSmartPageM365StockImageEnabled',\r\n  isSmartPageVideoSectionEnabled: 'isSmartPageVideoSectionEnabled',\r\n  isSmartPageM365StockImageGalleryEnabled: 'isSmartPageM365StockImageGalleryEnabled',\r\n  isSmartPageMapEnabled: 'isSmartPageMapEnabled',\r\n  isSmartPageCustomizedUpdateEnabled: 'IsSmartPageCustomizedUpdateEnabled',\r\n  isSmartPageM365PremiumFeatureEnabled: 'IsSmartPageM365PremiumFeatureEnabled',\r\n  isSmartPageM365BannerEnabled: 'isSmartPageM365BannerEnabled',\r\n  isSmartPageDarkModeEnabled: 'isSmartPageDarkModeEnabled',\r\n  isM365PremiumUser: 'IsM365PremiumUser', // account level pilot\r\n  isSmartPageProfessionalServicesEnabled: 'isSmartPageProfessionalServicesEnabled',\r\n  isSmartPageBookAppointmentEnabled: 'isSmartPageBookAppointmentEnabled',\r\n  isSmartPageEditorNavigationImprovementEnabled: 'isSmartPageEditorNavigationImprovementEnabled',\r\n  isSmartPageTemplateSuggestionEnabled: 'isSmartPageTemplateSuggestionEnabled',\r\n  isSmartPageImprovedReviewsEnabled: 'isSmartPageImprovedReviewsEnabled',\r\n  isSmartPageSectionReorderingEnabled: 'isSmartPageSectionReorderingEnabled',\r\n  isSmartPageEditorItemsReorderingEnabled: 'isSmartPageEditorItemsReorderingEnabled',\r\n  isSmartPagePreviewItemsReorderingEnabled: 'isSmartPagePreviewItemsReorderingEnabled',\r\n  isSmartPagePrivacyPolicyEnabled: 'isSmartPagePrivacyPolicyEnabled',\r\n  isSmartPageCustomDomainEnabled: 'isSmartPageCustomDomainEnabled',\r\n  isSmartPageCustomDomainPreflightEnabled: 'isSmartPageCustomDomainPreflightEnabled',\r\n  isSmartPageCustomDomainPreflightPostSignupEnabled: 'isSmartPageCustomDomainPreflightPostSignupEnabled',\r\n  isSmartPageRuntimePageLocalizationEnabled: 'isSmartPageRuntimePageLocalizationEnabled',\r\n  isSmartPageRuntimePageWcpConsentEnabled: 'isSmartPageRuntimePageWcpConsentEnabled',\r\n  isSmartPageAttributesToWSDMigrationEnabled: 'isSmartPageAttributesToWSDMigrationEnabled',\r\n};\r\n\r\n// Get pilot value from ServerContext\r\nexport const getPilotValue = (serverContext = {}, key) => {\r\n  const cmuiPilotKey = key && key.replace(/^is/, 'Is');\r\n  const ccuiPilotKey = key && key.replace(/^Is/, 'is');\r\n  const uflPilotKey = key && key.replace(/^(is|Is)/, '').replace(/Enabled$/, ''); // ufl stands for Unified Feature Library\r\n\r\n  const cmuiPilotValue = _.result(serverContext.Permissions, cmuiPilotKey, false);\r\n  const ccuiPilotValue = _.result(serverContext.CCUIPilots, ccuiPilotKey, false);\r\n  const uflPilotValue = _.result(serverContext.DynamicPermissions, uflPilotKey, false);\r\n\r\n  return cmuiPilotValue || ccuiPilotValue || uflPilotValue;\r\n};\r\n\r\n// Below pilots are based on ServerContext instead of DataServiceContext\r\n\r\n// We don't plan to support custom domain in Mobile\r\n// This pilot is to control the basic feature and open the edit free website flow\r\nexport const useIsSmartPageCustomDomainPreflightEnabled = () => {\r\n  const isPilotEnabled = usePilotsValue('isSmartPageCustomDomainPreflightEnabled');\r\n  const { isMobile } = useMediaQuery();\r\n\r\n  return isPilotEnabled && !isMobile;\r\n};\r\n\r\nexport const useIsSmartPageCustomDomainPreflightPostSignupEnabled =\r\n  () => usePilotsValue('isSmartPageCustomDomainPreflightPostSignupEnabled');\r\n\r\n// This pilot is to control M365 domain option, the main custom domain logic\r\nexport const useIsSmartPageCustomDomainEnabled = (isSignUp) => {\r\n  const isPilotEnabled = usePilotsValue('isSmartPageCustomDomainEnabled');\r\n  const isSmartPageCustomDomainPreflightEnabled = useIsSmartPageCustomDomainPreflightEnabled();\r\n  const isSmartPageCustomDomainPreflightPostSignupEnabled = useIsSmartPageCustomDomainPreflightPostSignupEnabled();\r\n\r\n  return (isSignUp && isSmartPageCustomDomainPreflightEnabled && isPilotEnabled)\r\n    || (!isSignUp && isSmartPageCustomDomainPreflightPostSignupEnabled && isPilotEnabled);\r\n};\r\n\r\nexport const useIsSmartPageCustomEventTrackingEnabled =\r\n  () => usePilotsValue('isSmartPageCustomEventTrackingEnabled');\r\n","export const DATA_SOURCE_KEY_MAPPING = {\r\n  BusinessName: 'businessName',\r\n  BusinessDescription: 'businessDescription',\r\n  BusinessCategories: 'businessCategories',\r\n  BusinessHours: 'businessHours',\r\n  PhoneNumber: 'phoneNumber',\r\n  Emails: 'emails',\r\n  LocationInfo: 'locationInfo',\r\n  LogoImageId: 'logoImageId',\r\n  CoverImage: 'coverImage',\r\n  Photos: 'photos',\r\n  FacebookId: 'facebookId',\r\n  Posts: 'posts',\r\n  Reviews: 'reviews',\r\n  BusinessSummary: 'businessSummary',\r\n  CallToActions: 'callToActions',\r\n};\r\n\r\nexport const COMPONENT_TYPE_MAPPING = {\r\n  Gallery: 'gallery',\r\n  CoverImage: 'coverImage',\r\n  Update: 'update',\r\n  Review: 'review',\r\n  Summary: 'summary',\r\n  SocialLinks: 'socialLinks',\r\n  Contact: 'contact',\r\n  BusinessHours: 'businessHours',\r\n  Introduction: 'introduction',\r\n  CallToAction: 'callToAction',\r\n  Footer: 'footer',\r\n};\r\n\r\nexport const DATA_SOURCE_TO_COMPONENT_TYPE_MAPPING = {\r\n  coverImage: 'coverImage',\r\n  photos: 'gallery',\r\n  posts: 'update',\r\n  reviews: 'review',\r\n  businessDescription: 'summary',\r\n  businessSummary: 'summary',\r\n  businessHours: 'businessHours',\r\n};\r\n\r\nexport const WEBSITE_SOURCE_DATA_KEY_MAPPING = {\r\n  BusinessName: 'BusinessName',\r\n  Description: 'Description',\r\n  Categories: 'Categories',\r\n  SingleLineAddress: 'SingleLineAddress',\r\n  PhoneNumber: 'PhoneNumber',\r\n  CoverImageUrl: 'CoverImageUrl',\r\n  CoverImageId: 'CoverImageId',\r\n  Logo: 'Logo',\r\n  LogoImageId: 'LogoImageId',\r\n  LogoImageUrl: 'LogoImageUrl',\r\n  GalleryImages: 'GalleryImages',\r\n  GalleryImageIds: 'GalleryImageIds',\r\n  Introduction: 'Introduction',\r\n  Subdomain: 'Subdomain',\r\n  Email: 'Email',\r\n  SocialUrls: 'SocialUrls',\r\n  BusinessHours: 'BusinessHours',\r\n  EmbeddedVideos: 'EmbeddedVideos',\r\n  CallToActions: 'CallToActions',\r\n  Locations: 'Locations',\r\n  Theme: 'Theme',\r\n  Services: 'Services',\r\n  Appointment: 'Appointment',\r\n  Reviews: 'Reviews',\r\n  TimeZoneId: 'TimeZoneId',\r\n  PrivacyPolicy: 'PrivacyPolicy',\r\n  Localization: 'Localization',\r\n};\r\n\r\nexport const WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING = {\r\n  Mode: 'Mode',\r\n  AccentColor: 'AccentColor',\r\n};\r\n\r\nexport const COMPONENT_TYPE_MIGRATION_STATUS_KEY_MAPPING = {\r\n  Introduction: 'IsIntroductionMigrated',\r\n};\r\n\r\nexport const DATA_SOURCE_TO_WEBSITE_SOURCE_DATA_MAPPING = {\r\n  businessName: WEBSITE_SOURCE_DATA_KEY_MAPPING.BusinessName,\r\n  businessDescription: WEBSITE_SOURCE_DATA_KEY_MAPPING.Description,\r\n  businessCategories: WEBSITE_SOURCE_DATA_KEY_MAPPING.Categories,\r\n  phoneNumber: WEBSITE_SOURCE_DATA_KEY_MAPPING.PhoneNumber,\r\n  locationInfo: WEBSITE_SOURCE_DATA_KEY_MAPPING.SingleLineAddress,\r\n  // Note: emails: array, Email: string, the conversion needs to be handled specifically\r\n  emails: WEBSITE_SOURCE_DATA_KEY_MAPPING.Email,\r\n  callToActions: WEBSITE_SOURCE_DATA_KEY_MAPPING.CallToActions,\r\n  logoImageId: WEBSITE_SOURCE_DATA_KEY_MAPPING.LogoImageId,\r\n  businessHours: WEBSITE_SOURCE_DATA_KEY_MAPPING.BusinessHours,\r\n};\r\n\r\nexport const COMPONENT_TO_WEBSITE_SOURCE_DATA_MAPPING = {\r\n  video: WEBSITE_SOURCE_DATA_KEY_MAPPING.EmbeddedVideos,\r\n  professionalService: WEBSITE_SOURCE_DATA_KEY_MAPPING.Services,\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { PILOTS } from './pilot-utils';\r\nimport { WEBSITE_SOURCE_DATA_KEY_MAPPING } from './site-config-structure';\r\n\r\nconst config = {\r\n  header: {\r\n    required: true,\r\n    order: 0,\r\n  },\r\n  introduction: {\r\n    required: true,\r\n    order: 1,\r\n  },\r\n  callToAction: {\r\n    required: true,\r\n    order: 2,\r\n  },\r\n  coverImage: {\r\n    required: true,\r\n    order: 3,\r\n  },\r\n  summary: {\r\n    required: false,\r\n    navTitle: _TL_('About Us'),\r\n    order: 4,\r\n  },\r\n  professionalService: {\r\n    required: false,\r\n    navTitle: _TL_('Services'),\r\n    order: 5,\r\n    hideNavWhenEmpty: true,\r\n    hideContainerWhenEmpty: true,\r\n    pilot: PILOTS.isSmartPageProfessionalServicesEnabled,\r\n    wsdKey: WEBSITE_SOURCE_DATA_KEY_MAPPING.Services,\r\n  },\r\n  video: {\r\n    required: false,\r\n    order: 6,\r\n    pilot: PILOTS.isSmartPageVideoSectionEnabled,\r\n  },\r\n  update: {\r\n    required: false,\r\n    navTitle: _TL_('Updates'),\r\n    order: 7,\r\n    hideNavWhenEmpty: true,\r\n    hideContainerWhenEmpty: true,\r\n    dataProp: 'updates',\r\n  },\r\n  review: {\r\n    required: false,\r\n    navTitle: _TL_('Testimonials'),\r\n    order: 8,\r\n    hideNavWhenEmpty: true,\r\n    hideContainerWhenEmpty: true,\r\n    dataProp: 'reviews',\r\n  },\r\n  gallery: {\r\n    required: false,\r\n    navTitle: _TL_('Gallery'),\r\n    order: 9,\r\n    hideNavWhenEmpty: true,\r\n    hideContainerWhenEmpty: true,\r\n    dataProp: 'photos',\r\n  },\r\n  contact: {\r\n    required: true,\r\n    navTitle: _TL_('Contact Us'),\r\n    order: 10,\r\n  },\r\n  businessHours: {\r\n    required: false,\r\n    // For temp solution, do not show this in menu\r\n    // navTitle: _TL_('Business Hours'),\r\n    order: 11,\r\n    pilot: PILOTS.isSmartPageBusinessHourSectionEnabled,\r\n  },\r\n  socialLinks: {\r\n    required: false,\r\n    hideContainerWhenEmpty: true,\r\n    order: 12,\r\n  },\r\n  footer: {\r\n    required: true,\r\n    order: 13,\r\n  },\r\n};\r\n\r\n// Complete components config\r\nexport const componentsConfig = _.mapObject(config, (val, key) => ({\r\n  ...val,\r\n  type: key,\r\n  required: !!val.required,\r\n}));\r\n","import _ from 'underscore';\r\n\r\nimport { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nimport { WEBSITE_SOURCE_DATA_KEY_MAPPING } from './site-config-structure';\r\n\r\nexport const getPageIndexById = (siteConfig, id) => (\r\n  _.chain(siteConfig.pages)\r\n    .findIndex({ id })\r\n    .value()\r\n);\r\n\r\nexport const getComponentById = (siteConfig, id) => (\r\n  _.chain(siteConfig.pages)\r\n    .pluck('components')\r\n    .flatten()\r\n    .findWhere({ id })\r\n    .value() || {}\r\n);\r\n\r\nexport const getComponentByTypeFromPageComponents = (components, type) => {\r\n  const index = _.findIndex(components, cmp => cmp.type === type);\r\n  return index >= 0 ?\r\n    _.extend(components[index], { index }) :\r\n    undefined;\r\n};\r\n\r\nexport const getComponentByType = (siteConfig, type) => (\r\n  _.chain(siteConfig.pages)\r\n    .pluck('components')\r\n    .flatten()\r\n    .findWhere({ type })\r\n    .value()\r\n);\r\n\r\nexport const getComponentByTypes = (siteConfig, types) => _.map(\r\n  types,\r\n  type => getComponentByType(siteConfig, type)\r\n);\r\n\r\nexport const getDataSourceByKey = (siteConfig, key, fallback, allowNull = true) => {\r\n  if (key) {\r\n    const actualValue = _.propertyOf(siteConfig.dataSource)(key);\r\n    const fallbackConditions = [\r\n      actualValue === undefined,\r\n      !allowNull && actualValue === null,\r\n    ];\r\n\r\n    return _.some(fallbackConditions) ? fallback : actualValue;\r\n  }\r\n  return fallback;\r\n};\r\n\r\nexport const getDataSourceByKeys = (siteConfig, keys, defaultVals) => _.map(\r\n  keys,\r\n  (key, index) => getDataSourceByKey(siteConfig, key, defaultVals && defaultVals[index])\r\n);\r\n\r\nconst keyName = {\r\n  siteInfoData: 'dataSource',\r\n  sitePages: 'pages',\r\n  theme: 'theme',\r\n  siteContextInfo: 'siteContextInfo',\r\n  images: 'images',\r\n  orderedComponentsInPages: 'orderedComponentsInPages',\r\n  smartPageDataContext: 'smartPageDataContext',\r\n  websiteSourceData: 'websiteSourceData',\r\n  migrationContext: 'migrationContext',\r\n};\r\n\r\nexport const getAttributesFromSiteConfig = (siteConfig) => {\r\n  if (!siteConfig) {\r\n    return [];\r\n  }\r\n\r\n  let { siteContextInfo } = siteConfig;\r\n\r\n  if (siteContextInfo) {\r\n    const {\r\n      protocol,\r\n      host,\r\n      pathname,\r\n    } = window.location;\r\n\r\n    siteContextInfo = {\r\n      ...siteContextInfo,\r\n      sourceUrl: `${protocol}//${host}${pathname}`,\r\n    };\r\n  }\r\n\r\n  return _.compact([\r\n    siteConfig.dataSource ? {\r\n      Key: keyName.siteInfoData,\r\n      Value: JSON.stringify(siteConfig.dataSource),\r\n    } : null,\r\n    siteConfig.pages ? {\r\n      Key: keyName.sitePages,\r\n      Value: JSON.stringify(siteConfig.pages),\r\n    } : null,\r\n    siteConfig.theme ? {\r\n      Key: keyName.theme,\r\n      Value: JSON.stringify(siteConfig.theme),\r\n    } : null,\r\n    siteConfig.siteContextInfo ? {\r\n      Key: keyName.siteContextInfo,\r\n      Value: JSON.stringify(siteContextInfo),\r\n    } : null,\r\n  ]);\r\n};\r\n\r\n// Snapshot is a partial object of siteConfig\r\nexport const getAttributesFromSnapshot = (snapshot) => {\r\n  if (!snapshot) {\r\n    return [];\r\n  }\r\n\r\n  return _.compact([\r\n    ...getAttributesFromSiteConfig(snapshot),\r\n    snapshot.images ? {\r\n      Key: keyName.images,\r\n      Value: JSON.stringify(snapshot.images),\r\n    } : null,\r\n    snapshot.orderedComponentsInPages ? {\r\n      Key: keyName.orderedComponentsInPages,\r\n      Value: JSON.stringify(snapshot.orderedComponentsInPages),\r\n    } : null,\r\n    snapshot.smartPageDataContext ? {\r\n      Key: keyName.smartPageDataContext,\r\n      Value: JSON.stringify(snapshot.smartPageDataContext),\r\n    } : null,\r\n    snapshot.websiteSourceData ? {\r\n      Key: keyName.websiteSourceData,\r\n      Value: JSON.stringify(snapshot.websiteSourceData),\r\n    } : null,\r\n    snapshot.migrationContext ? {\r\n      Key: keyName.migrationContext,\r\n      Value: JSON.stringify(snapshot.migrationContext),\r\n    } : null,\r\n  ]);\r\n};\r\n\r\nexport const createSnapshot = siteConfig => cloneDeep(_.pick(siteConfig, _.values(keyName)));\r\n\r\nexport const getWebsiteSourceDataByKey = (siteConfig = {}, key) => {\r\n  const websiteSourceData = (siteConfig && siteConfig.websiteSourceData) || {};\r\n\r\n  return websiteSourceData[key];\r\n};\r\n\r\nexport const getWebsiteSourceDataByKeys = (siteConfig, keys) => _.map(\r\n  keys,\r\n  key => getWebsiteSourceDataByKey(siteConfig, key)\r\n);\r\n\r\nexport const isMigratedToWSD = (siteConfig, key) => _.get(siteConfig, ['migrationContext', key], false);\r\n\r\n/**\r\n * Proxy read timezoneId.\r\n * Timezone Id is stored in ServerContext in main bundle, while in Signup it's stored in the WSD\r\n * @param {Object} serverContext ServerContext\r\n * @param {Object} siteConfig Site Config\r\n * @returns {number} Timezone Id\r\n */\r\nexport const getTimeZoneId = (serverContext, siteConfig) => (\r\n  (serverContext.CurrentAccount && serverContext.CurrentAccount.TimeZone)\r\n  || getWebsiteSourceDataByKey(siteConfig, WEBSITE_SOURCE_DATA_KEY_MAPPING.TimeZoneId)\r\n  || 71\r\n);\r\n","const PaddingTop = 24;\r\nconst PaddingBottom = 16;\r\nconst PaddingLeft = 16;\r\nconst PaddingRight = 16;\r\n\r\nexport const getDialogFullBorder = (_, { palette = {} }) => ({\r\n  marginTop: 24,\r\n  position: 'relative',\r\n\r\n  '&:before': {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    top: '-24px',\r\n    left: `-${PaddingLeft}px`,\r\n    right: `-${PaddingRight}px`,\r\n    borderTop: `1px solid ${palette.neutralLight}`,\r\n  },\r\n});\r\n\r\nexport const getDialogStyle = (_, { palette = {} }) => ({\r\n  '& .ms-Dialog-title': {\r\n    padding: `${PaddingTop}px ${PaddingRight}px 12px ${PaddingLeft}px`,\r\n  },\r\n  '& .ms-Dialog-inner': {\r\n    padding: `0 ${PaddingRight}px ${PaddingBottom}px ${PaddingLeft}px`,\r\n    '& .ms-Dialog-subText': {\r\n      padding: 0,\r\n      margin: 0,\r\n    },\r\n    '& .ms-Dialog-actions': {\r\n      ...getDialogFullBorder(_, { palette }),\r\n    },\r\n  },\r\n});\r\n","import classnames from 'classnames';\r\n\r\nimport { mobileDevice } from '@bingads-webui-campaign-react/common-hooks';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { getDialogFullBorder, getDialogStyle } from './dialog-style';\r\n\r\nexport const sectionTitleStyles = {\r\n  fontWeight: 'bold',\r\n  fontSize: 14,\r\n  lineHeight: '16px',\r\n  marginTop: 5,\r\n  marginBottom: 5,\r\n};\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  title: {\r\n    fontStyle: 'normal',\r\n    fontWeight: 'bold',\r\n    fontSize: 20,\r\n    lineHeight: '20px',\r\n    margin: '16px 20px 12px 20px',\r\n  },\r\n  description: {\r\n    fontStyle: 'normal',\r\n    fontWeight: 'normal',\r\n    fontSize: 14,\r\n    lineHeight: '20px',\r\n    marginTop: 16,\r\n    marginBottom: 16,\r\n    margin: '16px 20px',\r\n  },\r\n  editorContent: {\r\n    margin: '0 40px 0 20px',\r\n    [mobileDevice]: {\r\n      margin: '0 20px',\r\n    },\r\n  },\r\n  editorImgsContent: {\r\n    marginLeft: '16px',\r\n  },\r\n  sectionTitle: sectionTitleStyles,\r\n  dialogFullBorder: {\r\n    ...getDialogFullBorder(_, { palette }),\r\n  },\r\n  dialog: {\r\n    ...getDialogStyle(_, { palette }),\r\n  },\r\n  infoMessageBar: {\r\n    '& .ms-MessageBar-content': {\r\n      background: palette.themeLighterAlt,\r\n    },\r\n    '@media (forced-colors: active)': {\r\n      'forced-color-adjust': 'auto',\r\n    },\r\n  },\r\n  choiceGroup: {\r\n    marginLeft: 8,\r\n  },\r\n  editorPivotStyleContent: {\r\n    margin: '5px 0 15px 10px',\r\n    paddingBottom: '10px',\r\n  },\r\n  uploadButton: {\r\n    marginLeft: 0,\r\n  },\r\n});\r\n\r\nexport const useDefaultEditorStyle = () => {\r\n  const {\r\n    title,\r\n    description,\r\n    sectionTitle,\r\n    dialog,\r\n    dialogFullBorder,\r\n    editorContent,\r\n    editorImgsContent,\r\n    infoMessageBar,\r\n    choiceGroup,\r\n    editorPivotStyleContent,\r\n    uploadButton,\r\n  } = useDefaultStyles(getStyles);\r\n\r\n  return {\r\n    titleClassName: classnames(title, 'smart-page-component-editor-title'),\r\n    descriptionClassName: classnames(description, 'smart-page-component-editor-description'),\r\n    sectionTitleClassName: sectionTitle,\r\n    dialogClassName: dialog,\r\n    dialogFullBorderClassName: dialogFullBorder,\r\n    editorContentClassName: editorContent,\r\n    editorImgsContentClassName: editorImgsContent,\r\n    infoMessageBarClassName: infoMessageBar,\r\n    choiceGroupClassName: choiceGroup,\r\n    editorPivotStyleContentClassName: editorPivotStyleContent,\r\n    uploadButtonClassName: uploadButton,\r\n  };\r\n};\r\n","import { mobileDevice } from '@bingads-webui-campaign-react/common-hooks';\r\n\r\nexport const getFloatingBannerStyle = () => ({\r\n  floatingBanner: {\r\n    position: 'fixed',\r\n    bottom: '10%',\r\n    left: '50%',\r\n    transform: 'translate(-50%, 0)',\r\n    background: '#fff',\r\n    width: 650,\r\n    zIndex: 10000000,\r\n    [mobileDevice]: {\r\n      width: '100%',\r\n    },\r\n  },\r\n});\r\n","import { findWhere, where, invert, first } from 'underscore';\r\nimport { getSmartPageDefaultSiteTheme } from '@bingads-webui-campaign-react/smart-page-site-theme';\r\n\r\nimport { WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING, WEBSITE_SOURCE_DATA_KEY_MAPPING } from './site-config-structure';\r\n\r\nexport const THEME_MODE_KEY = {\r\n  Light: 'Light',\r\n  Dark: 'Dark',\r\n};\r\n\r\nexport const THEME_MODE_KEY_MAPPING = {\r\n  Light: 'mode_light',\r\n  Dark: 'mode_dark',\r\n};\r\n\r\nexport const THEME_MODE_KEY_MAPPING_MT = invert(THEME_MODE_KEY_MAPPING);\r\n\r\nexport const THEME_ACCENT_COLOR_KEY_MAPPING = {\r\n  Default: 'accent_color_default',\r\n  Yellow: 'accent_color_yellow',\r\n  Green: 'accent_color_green',\r\n};\r\n\r\nexport const THEME_ACCENT_COLOR_KEY_MAPPING_MT = invert(THEME_ACCENT_COLOR_KEY_MAPPING);\r\n\r\nexport const smartPageThemeModeConfigList = [\r\n  {\r\n    id: 'mode_light',\r\n    label: 'Light',\r\n    color: '#FFFFFF',\r\n  },\r\n  {\r\n    id: 'mode_dark',\r\n    label: 'Dark',\r\n    color: '#000000',\r\n  },\r\n];\r\n\r\nexport const smartPageAccentColorConfigList = [\r\n  {\r\n    id: 'accent_color_default',\r\n    mode: 'mode_light',\r\n    color: '#000000',\r\n    label: 'Black',\r\n  },\r\n  {\r\n    id: 'accent_color_default',\r\n    mode: 'mode_dark',\r\n    color: '#ffffff',\r\n    label: 'White',\r\n  },\r\n  {\r\n    id: 'accent_color_yellow',\r\n    mode: 'mode_dark',\r\n    color: '#fff500',\r\n    label: 'Yellow',\r\n  },\r\n  {\r\n    id: 'accent_color_green',\r\n    mode: 'mode_dark',\r\n    color: '#c4ffa8',\r\n    label: 'Green',\r\n  },\r\n];\r\n\r\nexport const smartPageThemePaletteList = [\r\n  {\r\n    id: 'theme_light_default',\r\n    mode: 'mode_light',\r\n    accentColor: 'accent_color_default',\r\n    primaryText: '#000000',\r\n    secondaryText: '#000000',\r\n    tertiaryText: '#605e5c',\r\n    linkText: '#000000',\r\n    primaryBackground: '#ffffff',\r\n    secondaryBackground: '#f3f2f1',\r\n    cardBackground: '#ffffff',\r\n    outerBackground: '#edebe9',\r\n    buttonText: '#ffffff',\r\n    buttonBackground: '#323130',\r\n    outline: '#000000',\r\n    pageControl: '#605e5c',\r\n    pageSelect: '#0078d4',\r\n    footer: '#3e3e3e',\r\n    elevation: 'rgba(0, 0, 0, 0.25)',\r\n  },\r\n  {\r\n    id: 'theme_dark_default',\r\n    mode: 'mode_dark',\r\n    accentColor: 'accent_color_default',\r\n    primaryText: '#ffffff',\r\n    secondaryText: '#ffffff',\r\n    tertiaryText: '#ffffff',\r\n    linkText: '#ffffff',\r\n    primaryBackground: '#323130',\r\n    secondaryBackground: '#464646',\r\n    cardBackground: '#464646',\r\n    outerBackground: '#4c4c4c',\r\n    buttonText: '#000000',\r\n    buttonBackground: '#ffffff',\r\n    outline: '#ffffff',\r\n    pageControl: '#ffffff',\r\n    pageSelect: '#ffffff',\r\n    footer: '#ffffff',\r\n    elevation: 'rgba(255, 255, 255, 0.25)',\r\n  },\r\n  {\r\n    id: 'theme_dark_yellow',\r\n    mode: 'mode_dark',\r\n    accentColor: 'accent_color_yellow',\r\n    primaryText: '#fff500',\r\n    secondaryText: '#ffffff',\r\n    tertiaryText: '#ffffff',\r\n    linkText: '#ffffff',\r\n    primaryBackground: '#323130',\r\n    secondaryBackground: '#464646',\r\n    cardBackground: '#464646',\r\n    outerBackground: '#4c4c4c',\r\n    buttonText: '#000000',\r\n    buttonBackground: '#fff500',\r\n    outline: '#ffffff',\r\n    pageControl: '#ffffff',\r\n    pageSelect: '#ffffff',\r\n    footer: '#ffffff',\r\n    elevation: 'rgba(255, 255, 255, 0.25)',\r\n  },\r\n  {\r\n    id: 'theme_dark_green',\r\n    mode: 'mode_dark',\r\n    accentColor: 'accent_color_green',\r\n    primaryText: '#c4ffa8',\r\n    secondaryText: '#ffffff',\r\n    tertiaryText: '#ffffff',\r\n    linkText: '#ffffff',\r\n    primaryBackground: '#323130',\r\n    secondaryBackground: '#464646',\r\n    cardBackground: '#464646',\r\n    outerBackground: '#4c4c4c',\r\n    buttonText: '#000000',\r\n    buttonBackground: '#c4ffa8',\r\n    outline: '#ffffff',\r\n    pageControl: '#ffffff',\r\n    pageSelect: '#ffffff',\r\n    footer: '#ffffff',\r\n    elevation: 'rgba(255, 255, 255, 0.25)',\r\n  },\r\n];\r\n\r\nexport function getSmartPageAccentColorConfigList(mode) {\r\n  return where(smartPageAccentColorConfigList, { mode });\r\n}\r\n\r\nexport const getThemePalette = (theme) => {\r\n  if (theme) {\r\n    const modeMT = theme[WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.Mode];\r\n    const accentColorMT = theme[WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.AccentColor];\r\n    if (modeMT && accentColorMT) {\r\n      const mode = THEME_MODE_KEY_MAPPING[modeMT];\r\n      const accentColor = THEME_ACCENT_COLOR_KEY_MAPPING[accentColorMT];\r\n      const palette = findWhere(smartPageThemePaletteList, { mode, accentColor });\r\n      if (palette) {\r\n        return palette;\r\n      }\r\n    }\r\n  }\r\n\r\n  return first(smartPageThemePaletteList);\r\n};\r\n\r\nexport const mapWebsiteSourceDataTheme = (siteConfig) => {\r\n  if (siteConfig && siteConfig.websiteSourceData\r\n    && siteConfig.websiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme]) {\r\n    const theme = siteConfig.websiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme];\r\n\r\n    const mode = theme.Mode ? THEME_MODE_KEY_MAPPING[theme.Mode] : undefined;\r\n    const accentColor = theme.AccentColor ?\r\n      THEME_ACCENT_COLOR_KEY_MAPPING[theme.AccentColor] : undefined;\r\n    if (mode && accentColor) {\r\n      return { mode, accentColor };\r\n    }\r\n  }\r\n\r\n  const defaultThemePalette = first(smartPageThemePaletteList);\r\n  return {\r\n    mode: defaultThemePalette.mode,\r\n    accentColor: defaultThemePalette.accentColor,\r\n  };\r\n};\r\n\r\nexport const getDefaultWebsiteSourceDataTheme = () => ({\r\n  [WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.Mode]: THEME_MODE_KEY_MAPPING_MT.mode_light,\r\n  [WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.AccentColor]:\r\n    THEME_ACCENT_COLOR_KEY_MAPPING_MT.accent_color_default,\r\n});\r\n\r\nexport const mapThemeToWebsiteSourceData = (mode, accentColor) => {\r\n  if (mode && accentColor) {\r\n    const modeMT = THEME_MODE_KEY_MAPPING_MT[mode];\r\n    const accentColorMT = THEME_ACCENT_COLOR_KEY_MAPPING_MT[accentColor];\r\n\r\n    if (modeMT && accentColorMT) {\r\n      return {\r\n        [WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.Mode]: modeMT,\r\n        [WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.AccentColor]: accentColorMT,\r\n      };\r\n    }\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nexport const getCurrentTheme = ({\r\n  themeConfig,\r\n  disableEvents = false,\r\n  isMobile = false,\r\n}) => {\r\n  const currentPalette = getThemePalette(themeConfig);\r\n\r\n  return getSmartPageDefaultSiteTheme(currentPalette, disableEvents, isMobile);\r\n};\r\n\r\nexport const getThemeConfigFromWSD = wsd => (\r\n  wsd\r\n    ? wsd[WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme]\r\n    : undefined\r\n);\r\n\r\nexport const getIsDarkMode = (siteConfig) => {\r\n  if (siteConfig\r\n    && siteConfig.websiteSourceData\r\n    && siteConfig.websiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme]) {\r\n    const theme = siteConfig.websiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme];\r\n    const modeMT = theme[WEBSITE_SOURCE_DATA_THEME_KEY_MAPPING.Mode];\r\n    return modeMT === THEME_MODE_KEY.Dark;\r\n  }\r\n\r\n  return false;\r\n};\r\n","import _ from 'underscore';\r\n\r\nconst dayNames = [\r\n  'mon',\r\n  'tue',\r\n  'wed',\r\n  'thu',\r\n  'fri',\r\n  'sat',\r\n  'sun',\r\n  'holiday',\r\n];\r\n\r\nconst safeParse = (json, fallback) => {\r\n  try {\r\n    return JSON.parse(json);\r\n  } catch (e) {\r\n    return fallback;\r\n  }\r\n};\r\n\r\nconst parseKey = (key) => {\r\n  const reKey = /^(\\w+)_(\\d)_(\\w+)$/i;\r\n  const match = key.match(reKey);\r\n  if (match && match.length > 3) {\r\n    return {\r\n      day: match[1].toLowerCase(),\r\n      index: Number(match[2]),\r\n      isOpen: match[3].toLowerCase() === 'open',\r\n    };\r\n  }\r\n  return null;\r\n};\r\n\r\nexport const isHourValid = (hour, is12Hr) => (\r\n  is12Hr ? (hour >= 0 && hour <= 12) : (hour >= 0 && hour < 24)\r\n);\r\n\r\nexport const isMinuteValid = minute => (\r\n  minute >= 0 && minute < 60\r\n);\r\n\r\nconst getTimeSlotsOfDay = (day, timesArray) => {\r\n  const openTimes = _.chain(timesArray)\r\n    .filter(item => item.day === day && item.isOpen)\r\n    .sortBy('index')\r\n    .value();\r\n  const closeTimes = _.chain(timesArray)\r\n    .filter(item => item.day === day && !item.isOpen)\r\n    .sortBy('index')\r\n    .value();\r\n\r\n  if (_.isEmpty(openTimes) || _.isEmpty(closeTimes) ||\r\n    openTimes.length !== closeTimes.length) {\r\n    return [];\r\n  }\r\n\r\n  const timeSlots = [];\r\n  for (let i = 0; i < openTimes.length; i += 1) {\r\n    timeSlots.push({\r\n      index: i,\r\n      openHour: openTimes[i].hour,\r\n      openMinute: openTimes[i].minute,\r\n      closeHour: closeTimes[i].hour,\r\n      closeMinute: closeTimes[i].minute,\r\n    });\r\n  }\r\n\r\n  return timeSlots;\r\n};\r\n\r\n// try parse a string like 9 AM or 9:00 PM\r\n// if parse fail, return null\r\nexport const tryParseTimeString = (timeString) => {\r\n  if (typeof (timeString) !== 'string') {\r\n    return null;\r\n  }\r\n\r\n  const reShort = /^(\\d{1,2})\\s*(AM|PM)?$/i; // 9 pm\r\n  const reLong = /^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i; // 9:00 pm\r\n  const is12Hr = /AM|PM/i.test(timeString);\r\n  const isPM = /PM/i.test(timeString);\r\n  let match;\r\n  let hour;\r\n  let minute;\r\n\r\n  if (reShort.test(timeString)) {\r\n    match = timeString.match(reShort);\r\n    if (match.length < 2) {\r\n      return null;\r\n    }\r\n    hour = Number(match[1]);\r\n    minute = 0;\r\n  } else if (reLong.test(timeString)) {\r\n    match = timeString.match(reLong);\r\n    if (match.length < 3) {\r\n      return null;\r\n    }\r\n    hour = Number(match[1]);\r\n    minute = Number(match[2]);\r\n  }\r\n\r\n  if (isHourValid(hour, is12Hr) && isMinuteValid(minute)) {\r\n    // 12 AM should be saved as 0 for 24-hours\r\n    if (is12Hr && !isPM && hour === 12) {\r\n      return {\r\n        hour: 0,\r\n        minute,\r\n      };\r\n    }\r\n    return {\r\n      hour: isPM && hour < 12 ? hour + 12 : hour,\r\n      minute,\r\n    };\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nexport const mapFbHours = (fbHoursJson) => {\r\n  const fbHours = safeParse(fbHoursJson, []);\r\n  const arr = _.map(fbHours, (value, key) => {\r\n    const parsedKey = parseKey(key);\r\n    const parsedTime = tryParseTimeString(value);\r\n    return {\r\n      ...parsedKey,\r\n      ...parsedTime,\r\n    };\r\n  });\r\n\r\n  const hoursConfig = _.map(dayNames, day => ({\r\n    day,\r\n    timeSlots: getTimeSlotsOfDay(day, arr),\r\n    isValid: true,\r\n  }), this);\r\n\r\n  return hoursConfig;\r\n};\r\n\r\n// Retrieve hour and minute from Bing Places hours\r\n// Bing places hour format: 09:00:00 AM/PM\r\n// Retrive hour and minute like:\r\n// {hour: 9, minute: 0}\r\nconst parseBPHour = (hour) => {\r\n  if (typeof hour !== 'string') {\r\n    return null;\r\n  }\r\n\r\n  const temp = hour.split(/\\s+/);\r\n  temp[0] = temp[0].split(':').slice(0, 2).join(':');\r\n  const formattedStr = temp.join(' ');\r\n\r\n  return tryParseTimeString(formattedStr);\r\n};\r\n\r\n// Map Bing Places hours to business hours used in Editor.\r\nexport const mapBPTime = (BPHours = []) => {\r\n  const timeSlots = [];\r\n  for (let index = 0; index < BPHours.length; index += 1) {\r\n    const BPHour = BPHours[index];\r\n    const { StartTime, EndTime } = BPHour;\r\n    const formattedStartTime = parseBPHour(StartTime);\r\n    const formattedEndTime = parseBPHour(EndTime);\r\n\r\n    if (!formattedStartTime || !formattedEndTime) {\r\n      return [];\r\n    }\r\n\r\n    const { hour: openHour, minute: openMinute } = formattedStartTime;\r\n    const { hour: closeHour, minute: closeMinute } = formattedEndTime;\r\n    timeSlots.push({\r\n      openHour,\r\n      openMinute,\r\n      index,\r\n      isValid: true,\r\n      closeHour,\r\n      closeMinute,\r\n    });\r\n  }\r\n\r\n  return timeSlots;\r\n};\r\n","import { generateGuid } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nexport const generateId = prefix => `${prefix}-${generateGuid().substr(0, 8)}`;\r\n\r\nexport const generateSectionWithComponent = ({\r\n  componentType,\r\n  sectionIndex,\r\n}) => {\r\n  const sectionId = generateId('sec');\r\n  const groupId = generateId('grp');\r\n  const componentId = generateId('cmp');\r\n\r\n  return [\r\n    {\r\n      type: 'section',\r\n      id: sectionId,\r\n      order: sectionIndex,\r\n    }, {\r\n      type: 'group',\r\n      id: groupId,\r\n      parentId: sectionId,\r\n      order: 0,\r\n    }, {\r\n      type: componentType,\r\n      id: componentId,\r\n      parentId: groupId,\r\n      order: 0,\r\n    },\r\n  ];\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { mapBPTime } from './business-hours-mapping';\r\n\r\nexport const businessDays = {\r\n  mon: _TL_('Monday'),\r\n  tue: _TL_('Tuesday'),\r\n  wed: _TL_('Wednesday'),\r\n  thu: _TL_('Thursday'),\r\n  fri: _TL_('Friday'),\r\n  sat: _TL_('Saturday'),\r\n  sun: _TL_('Sunday'),\r\n  holiday: _TL_('Holidays'),\r\n};\r\n\r\nexport const getDayName = (day, i18n) => i18n.getString(businessDays[day]);\r\n\r\nexport const getDefaultDayHours = isHoliday => (\r\n  isHoliday ? [] : [{\r\n    index: 0,\r\n    openHour: 9,\r\n    openMinute: 0,\r\n    closeHour: 17,\r\n    closeMinute: 0,\r\n  }]\r\n);\r\n\r\nexport const getDefaultHoursConfig = () => {\r\n  const days = _.keys(businessDays);\r\n  return _.map(days, (day) => {\r\n    const isHoliday = (day === 'sat' || day === 'sun' || day === 'holiday');\r\n    return {\r\n      day,\r\n      isOpenAllDay: false,\r\n      timeSlots: getDefaultDayHours(isHoliday),\r\n      isValid: true,\r\n    };\r\n  });\r\n};\r\n\r\nexport const paddingZero = number => (\r\n  number > 9 ? number.toString() : `0${number}`\r\n);\r\n\r\n// 0:10 => 12:10 AM\r\n// 12:10 => 12:10 PM\r\nexport const timeToString = (time, format = 'h:mm') => {\r\n  if (!time || time.hour === null || time.minute === null ||\r\n    time.hour === undefined || time.minute === undefined) {\r\n    return '';\r\n  }\r\n\r\n  const { hour, minute = 0, second = 0 } = time;\r\n  const h12 = hour > 12 ? hour - 12 : hour;\r\n  const formatHour = hour === 0 ? 12 : hour;\r\n\r\n  switch (format) {\r\n    case 'h':\r\n      return hour >= 12 ? `${h12} PM` : `${formatHour} AM`;\r\n    case 'h:mm':\r\n      return hour >= 12 ?\r\n        `${h12}:${paddingZero(minute)} PM` :\r\n        `${formatHour}:${paddingZero(minute)} AM`;\r\n    case 'hh':\r\n      return hour >= 12 ? `${paddingZero(h12)} PM` : `${paddingZero(formatHour)} AM`;\r\n    case 'hh:mm':\r\n      return hour >= 12 ?\r\n        `${paddingZero(h12)}:${paddingZero(minute)} PM` :\r\n        `${paddingZero(formatHour)}:${paddingZero(minute)} AM`;\r\n    case 'HH':\r\n      return `${paddingZero(hour)}`;\r\n    case 'hh:mm:ss':\r\n      return hour >= 12 ?\r\n        `${paddingZero(h12)}:${paddingZero(minute)}:${paddingZero(second)} PM` :\r\n        `${paddingZero(formatHour)}:${paddingZero(minute)}:${paddingZero(second)} AM`;\r\n    case 'HH:mm':\r\n    default:\r\n      return `${paddingZero(hour)}:${paddingZero(minute)}`;\r\n  }\r\n};\r\n\r\nexport const getIsOpenAllDay = (day = {}) => {\r\n  const { isOpenAllDay, timeSlots } = day;\r\n\r\n  if (isOpenAllDay) {\r\n    return true;\r\n  }\r\n  // For those not including isOpenAllDay field, judge on timeslots.\r\n  // 12:00 AM - 11:59 PM will be regarded as all day.\r\n  if (\r\n    timeSlots.length === 1 && timeSlots[0]\r\n    && timeSlots[0].openHour === 0 && timeSlots[0].openMinute === 0\r\n    && timeSlots[0].closeHour === 23 && timeSlots[0].closeMinute === 59\r\n  ) {\r\n    return true;\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\n/**\r\n * Change UI hours to WSD desired format.\r\n * @param {Array} hours Hours stored in UI side.\r\n * @returns {Array} Hours format in WSD\r\n */\r\nexport const mapHoursToWSDFormat = (hours = []) => _.map(hours, (item) => {\r\n  const { day, timeSlots } = item;\r\n\r\n  const formattedDay = businessDays[day];\r\n  const formattedHours = _.map(timeSlots, (slot) => {\r\n    const startTime = timeToString({ hour: slot.openHour, minute: slot.openMinute }, 'hh:mm:ss');\r\n    const endTime = timeToString({ hour: slot.closeHour, minute: slot.closeMinute }, 'hh:mm:ss');\r\n    return {\r\n      StartTime: startTime,\r\n      EndTime: endTime,\r\n    };\r\n  });\r\n\r\n  return {\r\n    Day: formattedDay,\r\n    IsClosed: _.isEmpty(timeSlots),\r\n    IsOpenAllDay: getIsOpenAllDay(item),\r\n    OperationHours: formattedHours,\r\n  };\r\n});\r\n\r\n/**\r\n * Change hours stored in WSD to UI format\r\n * @param {Array} hours Hours stored in WebsiteSourceData\r\n * @returns {Array} Hours in UI desired format.\r\n */\r\nexport const mapWSDHoursToHours = (hours = []) => _.map(\r\n  hours,\r\n  (item) => {\r\n    const {\r\n      Day,\r\n      IsClosed,\r\n      OperationHours,\r\n      IsOpenAllDay,\r\n    } = item;\r\n    let formattedDay = Day;\r\n    if (typeof Day === 'string' && Day !== 'Holidays') {\r\n      formattedDay = Day.slice(0, 3).toLowerCase();\r\n    } else {\r\n      formattedDay = 'holiday';\r\n    }\r\n\r\n    const formattedTimeSlots = IsClosed ? [] : mapBPTime(OperationHours);\r\n    return {\r\n      day: formattedDay,\r\n      isValid: true,\r\n      isOpenAllDay: IsOpenAllDay,\r\n      timeSlots: formattedTimeSlots,\r\n    };\r\n  }\r\n);\r\n","/**\r\n * @file Component Config related utility functions\r\n */\r\nimport _ from 'underscore';\r\nimport { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nimport { componentsConfig } from './component-config';\r\nimport { generateSectionWithComponent } from './generate-section-with-component';\r\nimport { getPilotValue } from './pilot-utils';\r\nimport { mapWSDHoursToHours } from './time-util';\r\nimport {\r\n  COMPONENT_TYPE_MAPPING,\r\n  COMPONENT_TO_WEBSITE_SOURCE_DATA_MAPPING,\r\n} from './site-config-structure';\r\n\r\n/**\r\n * Filter components config by pilot value.\r\n * @param {Object} serverContext Server Context\r\n * @returns {Object} All enabled components config.\r\n */\r\nexport const getEnabledComponentsConfig = (serverContext = {}) => _.pick(\r\n  componentsConfig,\r\n  (item) => {\r\n    if (item.pilot) {\r\n      return getPilotValue(serverContext, item.pilot);\r\n    }\r\n    return true;\r\n  }\r\n);\r\n\r\n/**\r\n * Filter optional enabled components config.\r\n * @param {Object} serverContext Server Context\r\n * @returns {Object} All optional enabled components config.\r\n */\r\nexport const getOptionalEnabledComponentsConfig = (serverContext = {}) =>\r\n  _.pick(getEnabledComponentsConfig(serverContext), item => !item.required);\r\n\r\n/**\r\n * Get component name => pilot value mapping.\r\n * @param {Object} serverContext Server Context\r\n * @returns {Object} component name => pilot value mapping.\r\n */\r\nexport const getComponentsPilotMapping = (serverContext = {}) => _.mapObject(\r\n  componentsConfig,\r\n  (item) => {\r\n    if (item.pilot) {\r\n      return getPilotValue(serverContext, item.pilot);\r\n    }\r\n    return true;\r\n  }\r\n);\r\n\r\n\r\n/**\r\n * Group the components by component type.\r\n * @param {Array} components All components\r\n * @returns {object} An Object like this:\r\n * {\r\n *  businessHours: {\r\n *    index: componentIndex,\r\n *    group: groupIndex,\r\n *    section: sectionIndex,\r\n *    all: [componentIndex, groupIndex, sectionIndex]\r\n *  },\r\n *  contact: {}\r\n * }\r\n */\r\nexport const getGroupedComponentsIndexes = (components = []) => {\r\n  const id2Index = {};\r\n  const componentIndexesMapping = {};\r\n\r\n  _.each(components, (item, index) => {\r\n    id2Index[item.id] = index;\r\n  });\r\n\r\n  _.each(components, (item, index) => {\r\n    // Only deal with component\r\n    if (item.type !== 'section' && item.type !== 'group') {\r\n      const groupIndex = id2Index[item.parentId];\r\n      const groupConfig = components[groupIndex];\r\n      const sectionIndex = id2Index[groupConfig.parentId];\r\n\r\n      if (!componentIndexesMapping[item.type]) {\r\n        componentIndexesMapping[item.type] = {\r\n          index,\r\n          groupIndex,\r\n          sectionIndex,\r\n          sibilings: [],\r\n          all: [sectionIndex, groupIndex, index],\r\n        };\r\n      } else if (groupIndex === componentIndexesMapping[item.type].groupIndex) {\r\n        // sibiling node\r\n        componentIndexesMapping[item.type].sibilings.push(index);\r\n        componentIndexesMapping[item.type].all.push(index);\r\n      }\r\n    }\r\n  });\r\n\r\n  return componentIndexesMapping;\r\n};\r\n\r\n/**\r\n * Note: Update this function if there is any new logic after insert or delete component.\r\n * Make the components orders are correct because of new introduced component:\r\n * The new introduced component order may occupy the previous one, and thus it could cause\r\n * order collision.\r\n * @param {Array} components Current component configs.\r\n * @returns {Array} New component configs.\r\n */\r\nexport const refreshComponents = (components = []) => {\r\n  const newComponents = [...components];\r\n  const groupedComponentsIndexes = getGroupedComponentsIndexes(components);\r\n\r\n  _.keys(groupedComponentsIndexes).forEach((key) => {\r\n    const expectedOrder = componentsConfig[key].order;\r\n    const { sectionIndex } = groupedComponentsIndexes[key];\r\n    newComponents[sectionIndex].order = expectedOrder;\r\n  });\r\n\r\n  return newComponents;\r\n};\r\n\r\n/**\r\n * Insert a new component to current components.\r\n * @param {Array} components Current component configs.\r\n * @param {String} type New component type.\r\n * @returns {Object} New component configs with componentId and isExisting flag.\r\n */\r\nexport const insertNewComponent = (components = [], type = '') => {\r\n  const newComponentConfig = componentsConfig[type];\r\n  const existedComponent = _.findWhere(components, { type });\r\n\r\n  if (_.isEmpty(newComponentConfig)) {\r\n    return {\r\n      components,\r\n      cmpId: null,\r\n      isExisting: false,\r\n    };\r\n  }\r\n\r\n  if (!_.isEmpty(existedComponent)) {\r\n    return {\r\n      components,\r\n      cmpId: existedComponent.id,\r\n      isExisting: true,\r\n    };\r\n  }\r\n\r\n  const { type: componentType, order } = newComponentConfig;\r\n  const newSection = generateSectionWithComponent({\r\n    componentType,\r\n    sectionIndex: order,\r\n  });\r\n  const componentId = _.propertyOf(_.find(newSection, item => (item.type === type)))('id');\r\n  let newComponents = [...components, ...newSection];\r\n  newComponents = refreshComponents(newComponents);\r\n\r\n  return {\r\n    components: newComponents,\r\n    cmpId: componentId,\r\n    isExisting: false,\r\n  };\r\n};\r\n\r\n/**\r\n * Insert a new components to current components.\r\n * @param {Array} components Current component configs.\r\n * @param {String} types New component types.\r\n * @returns {Array} A new components configs.\r\n */\r\nexport const insertNewComponents = (components = [], types = []) => {\r\n  if (_.isEmpty(types)) {\r\n    return components;\r\n  }\r\n\r\n  return _.reduce(\r\n    types,\r\n    (memoComponents, type) => insertNewComponent(memoComponents, type).components, components\r\n  );\r\n};\r\n\r\n/**\r\n * Remove specific components in current components.\r\n * @param {Array} components Current components configs.\r\n * @param {Array} types A string array of component types.\r\n * @returns {Array} A new components configs.\r\n */\r\nexport const removeComponents = (components = [], types = []) => {\r\n  if (_.isEmpty(types)) {\r\n    return components;\r\n  }\r\n\r\n  const grouppedComponentsIndexes = getGroupedComponentsIndexes(components);\r\n\r\n  const removedIndexes = [];\r\n  _.each(types, (type) => {\r\n    if (grouppedComponentsIndexes[type]) {\r\n      removedIndexes.push(...(grouppedComponentsIndexes[type].all));\r\n    }\r\n  });\r\n\r\n  let newComponents = _.reduce(components, (memo, value, index) => {\r\n    if (!_.contains(removedIndexes, index)) {\r\n      memo.push(value);\r\n    }\r\n    return memo;\r\n  }, []);\r\n  newComponents = refreshComponents(newComponents);\r\n\r\n  return newComponents;\r\n};\r\n\r\n/**\r\n * Remove specific components data in current websiteSourcedData.\r\n * @param {Object} websiteSourceData website related data\r\n * @param {Array} types A string array of component types.\r\n * @returns {Object} A new websiteSourceData.\r\n */\r\nexport const removeComponentsDataInWebsiteSourceData = (websiteSourceData = {}, types = []) => {\r\n  if (_.isEmpty(types)) {\r\n    return websiteSourceData;\r\n  }\r\n\r\n  const newWebsiteSourceData = {\r\n    ...websiteSourceData,\r\n  };\r\n  _.each(types, (type) => {\r\n    const componentKeyInWSD = COMPONENT_TO_WEBSITE_SOURCE_DATA_MAPPING[type];\r\n    if (componentKeyInWSD) {\r\n      delete newWebsiteSourceData[componentKeyInWSD];\r\n    }\r\n  });\r\n\r\n  return newWebsiteSourceData;\r\n};\r\n\r\n/**\r\n * Get all used component types.\r\n * @param {Array} components Current component configs.\r\n * @returns {Array} A string array of types.\r\n */\r\nexport const getUsedComponentTypes = (components = []) => _.chain(components)\r\n  .filter(item => item.type !== 'section' && item.type !== 'group')\r\n  .pluck('type')\r\n  .value();\r\n\r\n/**\r\n* Get all used optional component types.\r\n* @param {Array} components Current component configs.\r\n* @returns {Array} A string array of types.\r\n*/\r\nexport const getUsedOptionalComponentTypes = (components = []) => {\r\n  const usedCompTypes = getUsedComponentTypes(components);\r\n  return _.filter(usedCompTypes, type => !componentsConfig[type].required);\r\n};\r\n\r\nconst getBusinessHoursFromWebsiteSourceData = (websiteSourceData = {}) => {\r\n  if (!_.isEmpty(websiteSourceData.BusinessHours)) {\r\n    return mapWSDHoursToHours(websiteSourceData.BusinessHours);\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\n/**\r\n * Some components config needs to be expanded based on the websiteSourceData.\r\n * For those not in here, default values would be used.\r\n * Note: This method always return a complete mapping, the hidden logic of a certain\r\n * component leave inside relative component!\r\n * @param {Object} websiteSourceData website related data\r\n * @param {Object} serverContext Server Context\r\n * @returns {Object} Overrided components configs\r\n * {\r\n *  introduction: {*},\r\n *  header: {*}\r\n * }\r\n */\r\nexport const getOverrideCompConfigMapping = (websiteSourceData = {}) => {\r\n  const componentsMapping = {\r\n    introduction: {\r\n      headline: websiteSourceData.BusinessName,\r\n      description: websiteSourceData.Description,\r\n    },\r\n    coverImage: {\r\n      imageId: websiteSourceData.CoverImageId,\r\n      imageName: websiteSourceData.CoverImageId ? null : 'consultant.jpg',\r\n      imageWidth: null,\r\n      imageHeight: null,\r\n    },\r\n    contact: {\r\n      businessHours: getBusinessHoursFromWebsiteSourceData(websiteSourceData),\r\n      showEmail: !_.isEmpty(websiteSourceData.Email),\r\n      showPhone: !_.isEmpty(websiteSourceData.PhoneNumber),\r\n      showLocation: !_.isEmpty(websiteSourceData.SingleLineAddress),\r\n      showHours: !_.isEmpty(websiteSourceData.BusinessHours),\r\n    },\r\n    businessHours: {\r\n      businessHours: getBusinessHoursFromWebsiteSourceData(websiteSourceData),\r\n    },\r\n  };\r\n\r\n  // Do not add optional section if data is empty.\r\n  if (!_.isEmpty(websiteSourceData.GalleryImageIds)) {\r\n    componentsMapping.gallery = {\r\n      photos: _.map(websiteSourceData.GalleryImageIds, imageId => ({ imageId })),\r\n    };\r\n  }\r\n\r\n  if (!_.isEmpty(websiteSourceData.SocialUrls)) {\r\n    componentsMapping.socialLinks = _.keys(websiteSourceData.SocialUrls).reduce((obj, key) => {\r\n      const value = websiteSourceData.SocialUrls[key];\r\n      const keyName = `${key.toLowerCase()}Link`;\r\n\r\n      return {\r\n        ...obj,\r\n        [keyName]: {\r\n          isDisplay: !!value,\r\n          value,\r\n        },\r\n      };\r\n    }, {});\r\n  }\r\n\r\n  if (!_.isEmpty(websiteSourceData.Description)) {\r\n    componentsMapping.summary = {\r\n      businessSummary: websiteSourceData.Description,\r\n    };\r\n  }\r\n\r\n  return componentsMapping;\r\n};\r\n\r\n/**\r\n * If a pilot for components is off, remove related component configs in Pages.\r\n * @param {Array} components Current complete components config\r\n * @param {Object} enabledComponentsConfig Enabled component configs\r\n * @returns {Array} New components config after removing disabled components\r\n */\r\nexport const removeDisabledComponents = (components = [], enabledComponentsConfig = {}) => {\r\n  const allUsedComponentTypes = getUsedComponentTypes(components);\r\n\r\n  // Pick component types that had been created but not available now because of close pilot.\r\n  const removedComponentTypes = _.difference(\r\n    allUsedComponentTypes,\r\n    _.keys(enabledComponentsConfig)\r\n  );\r\n  const newComponents = removeComponents(components, removedComponentTypes);\r\n\r\n  return newComponents;\r\n};\r\n\r\n\r\n/**\r\n * In some smart page, there are multiple components for the same type in the site config.\r\n * Not sure how it is generated, but for now every component should only be showed once.\r\n * https://msasg.visualstudio.com/Bing_Ads/_workitems/edit/4234631\r\n *\r\n * @param {Array} components Current component configs.\r\n * @returns {Array} New component configs.\r\n */\r\nexport const removeDuplicatedComponents = (components) => {\r\n  const newComponents = [...components];\r\n  const groupedComponentsIndexes = getGroupedComponentsIndexes(components);\r\n  const usedType = {};\r\n\r\n  const cmpTypes = getUsedComponentTypes(components);\r\n\r\n  _.each(cmpTypes, (type) => {\r\n    if (usedType[type] && _.isEmpty(groupedComponentsIndexes[type].sibilings)) {\r\n      const { all } = groupedComponentsIndexes[type];\r\n\r\n      _.each(all, (index) => {\r\n        newComponents[index] = null;\r\n      });\r\n    } else {\r\n      usedType[type] = true;\r\n    }\r\n  });\r\n\r\n  return _.compact(newComponents);\r\n};\r\n\r\n/**\r\n * If add new component type, using this function to generate new component configs from\r\n * existing smart page data.\r\n * Example: If a user does not have a Independent Business Hours Component, generate a new one\r\n * from existing Contact Component.\r\n *\r\n * If there are more new components, consider to create a transform config file.\r\n * @param {Array} components Current complete component configs\r\n * @param {Object} enabledComponentsConfig Enabled component configs\r\n * @returns {Array} New components config after generate new components.\r\n */\r\nexport const generateNewCmpsFromExistingData = (components = [], enabledComponentsConfig = {}) => {\r\n  let newComponents = [...components];\r\n\r\n  // Independent Business Hours section\r\n  const isBusinessHoursEnabled = !!enabledComponentsConfig[COMPONENT_TYPE_MAPPING.BusinessHours];\r\n\r\n  if (isBusinessHoursEnabled) {\r\n    const contactComponentConfig = _.find(\r\n      newComponents,\r\n      item => item.type === COMPONENT_TYPE_MAPPING.Contact\r\n    );\r\n\r\n    // Handle \"showHours\" logic:\r\n    // According to current logic, if the showHours is true or undefined,\r\n    // they both mean the user is using Business hours. The explicit false value means\r\n    // the user closed the business hours.\r\n    if (contactComponentConfig.showHours === false) {\r\n      newComponents = removeComponents(newComponents, [COMPONENT_TYPE_MAPPING.BusinessHours]);\r\n    } else {\r\n      // whether the Business Hour Section exists is handled inside the insertNewComponent function.\r\n      newComponents = insertNewComponent(\r\n        components,\r\n        COMPONENT_TYPE_MAPPING.BusinessHours\r\n      ).components;\r\n\r\n      const businessHoursComponentIndex = _.findIndex(\r\n        newComponents,\r\n        { type: COMPONENT_TYPE_MAPPING.BusinessHours }\r\n      );\r\n      newComponents[businessHoursComponentIndex].businessHours = _.map(\r\n        contactComponentConfig.businessHours,\r\n        day => cloneDeep(day)\r\n      );\r\n    }\r\n  }\r\n\r\n  return newComponents;\r\n};\r\n","export const linkNameToModel = {\r\n  facebookLink: 'Facebook',\r\n  instagramLink: 'Instagram',\r\n  twitterLink: 'Twitter',\r\n  linkedinLink: 'LinkedIn',\r\n  youtubeLink: 'Youtube',\r\n  pinterestLink: 'Pinterest',\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { DATA_SOURCE_KEY_MAPPING } from '../site-config-structure';\r\nimport { componentsConfig } from '../component-config';\r\nimport { getDataSourceByKey, getComponentByTypes } from '../site-config-reader';\r\n\r\n/**\r\n * Get all image ids in component config\r\n * We have logo from header, cover image, gallery, updates and reviews\r\n * id collision for Smart Page image id\r\n * @param {object} siteConfig smart page config\r\n * @returns {object} image id list map for each type\r\n */\r\nexport const getAllImageIdsWithType = (siteConfig) => {\r\n  const logoImageId = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.LogoImageId);\r\n  const [\r\n    photoConfig,\r\n    coverImageConfig,\r\n    updateConfig,\r\n    reviewConfig,\r\n  ] = getComponentByTypes(siteConfig, [\r\n    componentsConfig.gallery.type,\r\n    componentsConfig.coverImage.type,\r\n    componentsConfig.update.type,\r\n    componentsConfig.review.type,\r\n  ]);\r\n\r\n  const { photos } = photoConfig || {};\r\n  const { imageId: coverImageId } = coverImageConfig || {};\r\n  const { updates } = updateConfig || {};\r\n  const { reviews } = reviewConfig || {};\r\n\r\n  // Don't do distinct imageId, we need each usage of an image\r\n  return {\r\n    logo: logoImageId ? [logoImageId] : [],\r\n    gallery: !_.isEmpty(photos) ? _.compact(_.map(photos, photo => photo.imageId)) : [],\r\n    update: !_.isEmpty(updates) ? _.compact(_.map(updates, update => update.imageId)) : [],\r\n    reviewer: !_.isEmpty(reviews) ? _.compact(_.map(\r\n      reviews,\r\n      review => review.reviewer && review.reviewer.imageId\r\n    )) : [],\r\n    coverImage: coverImageId ? [coverImageId] : [],\r\n  };\r\n};\r\n\r\nexport const filterImageIdsToRemove = (siteConfig, imageIdsToRemove) => {\r\n  if (_.isEmpty(imageIdsToRemove) || !_.isArray(imageIdsToRemove)) {\r\n    return [];\r\n  }\r\n\r\n  const allImageIds = _.flatten(Object.values(getAllImageIdsWithType(siteConfig)));\r\n\r\n  const finalImageIdsToRemove = [];\r\n\r\n  imageIdsToRemove.forEach((imageId) => {\r\n    const count = allImageIds.filter(id => imageId === id).length;\r\n\r\n    // Save to remove the image if it was used only once\r\n    if (count <= 1) {\r\n      finalImageIdsToRemove.push(imageId);\r\n    }\r\n  });\r\n\r\n  return finalImageIdsToRemove;\r\n};\r\n\r\nexport const getImageMetaById = (siteConfig, imageId) => {\r\n  if (!imageId) return {};\r\n\r\n  const image = _.find(siteConfig.images, ({\r\n    IdString,\r\n  }) => (imageId === IdString));\r\n\r\n  return image || {};\r\n};\r\n\r\nexport const getImageUrlById = (siteConfig, imageId) => {\r\n  const image = getImageMetaById(siteConfig, imageId);\r\n\r\n  return image && image.ImageUrl;\r\n};\r\n","/* eslint-disable no-param-reassign */\r\nimport _ from 'underscore';\r\n\r\nimport { generateGuid, cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nimport {\r\n  getComponentByType,\r\n  getDataSourceByKeys,\r\n  getDataSourceByKey,\r\n  getWebsiteSourceDataByKey,\r\n} from './site-config-reader';\r\nimport {\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  COMPONENT_TYPE_MAPPING,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  DATA_SOURCE_TO_WEBSITE_SOURCE_DATA_MAPPING,\r\n} from './site-config-structure';\r\nimport { mapHoursToWSDFormat, getDefaultHoursConfig } from './time-util';\r\nimport { linkNameToModel } from './social-link-util';\r\nimport { getImageUrlById } from './image/site-config-image-reader';\r\nimport { getComponentsPilotMapping } from './component-utils';\r\n\r\nexport const convertCallToActionId = (callToActions) => {\r\n  _.each(callToActions, (action) => {\r\n    action.CallToActionId = action.CallToActionId || action.Id;\r\n    delete action.Id;\r\n  });\r\n};\r\n\r\nexport const updateWebsiteSourceDataWithBasicData = (siteConfig, smartPageData, key, overwrite) => {\r\n  const wsdKey = DATA_SOURCE_TO_WEBSITE_SOURCE_DATA_MAPPING[key];\r\n\r\n  if (!wsdKey || _.isEmpty(siteConfig) || _.isEmpty(smartPageData)) {\r\n    return;\r\n  }\r\n\r\n  siteConfig.websiteSourceData = siteConfig.websiteSourceData || {};\r\n\r\n  const shouldSetValue = overwrite ||\r\n    (!overwrite && _.isEmpty(siteConfig.websiteSourceData[wsdKey]));\r\n\r\n  if (shouldSetValue) {\r\n    if (wsdKey === WEBSITE_SOURCE_DATA_KEY_MAPPING.Email && !_.isEmpty(smartPageData[key])) {\r\n      [siteConfig.websiteSourceData[wsdKey]] = smartPageData[key];\r\n\r\n      return;\r\n    }\r\n\r\n    siteConfig.websiteSourceData[wsdKey] = smartPageData[key];\r\n\r\n    if (wsdKey === WEBSITE_SOURCE_DATA_KEY_MAPPING.CallToActions) {\r\n      siteConfig.websiteSourceData.CallToActions =\r\n        cloneDeep(siteConfig.websiteSourceData.CallToActions);\r\n      convertCallToActionId(siteConfig.websiteSourceData.CallToActions);\r\n    }\r\n  }\r\n};\r\n\r\n// Enrich this config as need\r\nconst WSDFieldConfig = {\r\n  BusinessName: {\r\n    getter: siteConfig => getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessName),\r\n  },\r\n  Description: {\r\n    getter: (siteConfig) => {\r\n      const [businessDescription, businessCategories] = getDataSourceByKeys(siteConfig, [\r\n        DATA_SOURCE_KEY_MAPPING.BusinessDescription,\r\n        DATA_SOURCE_KEY_MAPPING.BusinessCategories,\r\n      ]);\r\n      const descriptionFromCategory = businessCategories && businessCategories.join(', ');\r\n\r\n      return businessDescription || descriptionFromCategory || '';\r\n    },\r\n  },\r\n  Introduction: {\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Introduction\r\n    ),\r\n  },\r\n  Categories: {\r\n    getter: siteConfig => getDataSourceByKey(\r\n      siteConfig,\r\n      DATA_SOURCE_KEY_MAPPING.BusinessCategories\r\n    ),\r\n  },\r\n  SingleLineAddress: {\r\n    getter: siteConfig => getDataSourceByKey(\r\n      siteConfig,\r\n      DATA_SOURCE_KEY_MAPPING.LocationInfo\r\n    ),\r\n  },\r\n  PhoneNumber: {\r\n    getter: siteConfig => getDataSourceByKey(\r\n      siteConfig,\r\n      DATA_SOURCE_KEY_MAPPING.PhoneNumber\r\n    ),\r\n  },\r\n  CoverImageUrl: {\r\n    getter: (siteConfig) => {\r\n      const coverImageInfo = getComponentByType(siteConfig, DATA_SOURCE_KEY_MAPPING.CoverImage);\r\n\r\n      return (coverImageInfo && coverImageInfo.imageId)\r\n        ? getImageUrlById(siteConfig, coverImageInfo.imageId)\r\n        : siteConfig.localImageUrl;\r\n    },\r\n  },\r\n  CoverImageId: {\r\n    getter: (siteConfig) => {\r\n      const coverImageInfo = getComponentByType(siteConfig, DATA_SOURCE_KEY_MAPPING.CoverImage);\r\n\r\n      return coverImageInfo && coverImageInfo.imageId;\r\n    },\r\n  },\r\n  LogoImageId: {\r\n    getter: siteConfig => getDataSourceByKey(\r\n      siteConfig,\r\n      DATA_SOURCE_KEY_MAPPING.LogoImageId\r\n    ),\r\n  },\r\n  LogoImageUrl: {\r\n    getter: (siteConfig) => {\r\n      const logoImageId = getDataSourceByKey(\r\n        siteConfig,\r\n        DATA_SOURCE_KEY_MAPPING.LogoImageId\r\n      );\r\n\r\n      return getImageUrlById(siteConfig, logoImageId);\r\n    },\r\n  },\r\n  GalleryImages: {\r\n    getter: (siteConfig) => {\r\n      const galleryImageInfo = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.Gallery);\r\n      const galleryPhotos = galleryImageInfo ? galleryImageInfo.photos : [];\r\n      const galleryImageIds = _.map(galleryPhotos, photo => photo.imageId);\r\n\r\n      return _.chain(galleryImageIds)\r\n        .map(imageId => getImageUrlById(siteConfig, imageId))\r\n        .filter(item => !!item)\r\n        .value();\r\n    },\r\n  },\r\n  GalleryImageIds: {\r\n    getter: (siteConfig) => {\r\n      const galleryImageInfo = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.Gallery);\r\n      const galleryPhotos = galleryImageInfo ? galleryImageInfo.photos : [];\r\n\r\n      return _.map(galleryPhotos, photo => photo.imageId);\r\n    },\r\n  },\r\n  Subdomain: {\r\n    getter: siteConfig => (siteConfig.subDomain || generateGuid()),\r\n  },\r\n  Email: {\r\n    getter: (siteConfig) => {\r\n      const emails = getDataSourceByKey(\r\n        siteConfig,\r\n        DATA_SOURCE_KEY_MAPPING.Emails\r\n      );\r\n\r\n      return emails && emails[0];\r\n    },\r\n  },\r\n  SocialUrls: {\r\n    getter: (siteConfig) => {\r\n      const socialLinksInfo = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.SocialLinks);\r\n      const socialLinks = _.keys(socialLinksInfo).reduce((acc, key) => {\r\n        if (linkNameToModel[key] && socialLinksInfo[key].isDisplay) {\r\n          const linkName = linkNameToModel[key];\r\n          acc[linkName] = socialLinksInfo[key].value;\r\n        }\r\n        return acc;\r\n      }, {});\r\n\r\n      return socialLinks;\r\n    },\r\n  },\r\n  BusinessHours: {\r\n    getter: (siteConfig, pilots) => {\r\n      // When business hours componment is available, read data from it,\r\n      // otherwise read data from Contact.\r\n      const businessHoursSourceInfo = getComponentByType(\r\n        siteConfig,\r\n        pilots[COMPONENT_TYPE_MAPPING.BusinessHours]\r\n          ? COMPONENT_TYPE_MAPPING.BusinessHours\r\n          : COMPONENT_TYPE_MAPPING.Contact\r\n      );\r\n      const businessHoursInfo = businessHoursSourceInfo\r\n        ? businessHoursSourceInfo.businessHours\r\n        : [];\r\n\r\n      return mapHoursToWSDFormat(businessHoursInfo);\r\n    },\r\n  },\r\n  CallToActions: {\r\n    getter: (siteConfig) => {\r\n      const callToActions = getDataSourceByKey(\r\n        siteConfig,\r\n        DATA_SOURCE_KEY_MAPPING.CallToActions,\r\n        [],\r\n        false\r\n      );\r\n      // OData model uses Id, so we have to convert Id to CallToActionId.\r\n      convertCallToActionId(callToActions);\r\n\r\n      return callToActions;\r\n    },\r\n  },\r\n  EmbeddedVideos: {\r\n    defaultValue: [],\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.EmbeddedVideos\r\n    ),\r\n  },\r\n  Locations: {\r\n    defaultValue: [],\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Locations\r\n    ),\r\n  },\r\n  Theme: {\r\n    defaultValue: {\r\n      Mode: 'Light',\r\n      AccentColor: 'Default',\r\n    },\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Theme\r\n    ),\r\n  },\r\n  Services: {\r\n    defaultValue: [],\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Services\r\n    ),\r\n  },\r\n  Appointment: {\r\n    defaultValue: {},\r\n    getter: (siteConfig) => {\r\n      const appointment = getWebsiteSourceDataByKey(\r\n        siteConfig,\r\n        WEBSITE_SOURCE_DATA_KEY_MAPPING.Appointment\r\n      ) || {};\r\n      const CTAConfig = getComponentByType(\r\n        siteConfig,\r\n        COMPONENT_TYPE_MAPPING.CallToAction\r\n      ) || {};\r\n\r\n      if (\r\n        CTAConfig.actionType === 'BookAppointment'\r\n        && CTAConfig.isExternalLink === false\r\n        && _.isEmpty(appointment.AppointmentHours)\r\n      ) {\r\n        // Business Hours may store in two places: Business Hours Component and Contact Component.\r\n        const bizHourConfig = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.BusinessHours);\r\n        const contactConfig = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.Contact);\r\n        let businessHours = _.propertyOf(bizHourConfig)(DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n        if (_.isEmpty(bizHourConfig)) {\r\n          businessHours = _.propertyOf(contactConfig)(DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n        }\r\n\r\n        let fallbackHours = getDefaultHoursConfig();\r\n        if (!_.isEmpty(businessHours)) {\r\n          fallbackHours = businessHours;\r\n        }\r\n\r\n        // Filter out \"Holidays\", not support holidays now.\r\n        fallbackHours = _.filter(fallbackHours, item => item.day !== 'holiday');\r\n\r\n        return {\r\n          AppointmentHours: mapHoursToWSDFormat(fallbackHours),\r\n          Services: [],\r\n        };\r\n      }\r\n\r\n      return appointment;\r\n    },\r\n  },\r\n  Reviews: {\r\n    defaultValue: [],\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Reviews\r\n    ),\r\n  },\r\n  TimeZoneId: {\r\n    defaultValue: 71,\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.TimeZoneId\r\n    ),\r\n  },\r\n  PrivacyPolicy: {\r\n    defaultValue: '',\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.PrivacyPolicy\r\n    ),\r\n  },\r\n  Localization: {\r\n    defaultValue: '',\r\n    getter: siteConfig => getWebsiteSourceDataByKey(\r\n      siteConfig,\r\n      WEBSITE_SOURCE_DATA_KEY_MAPPING.Localization\r\n    ),\r\n  },\r\n};\r\n\r\nexport const createWebsiteSourceData = (siteConfig, serverContext = {}) => {\r\n  const componentsPilotMapping = getComponentsPilotMapping(serverContext);\r\n\r\n  return _.mapObject(WSDFieldConfig, (val) => {\r\n    // The third parameter can treat as \"this\", in case we want to reuse some calculation logic\r\n    // inside the \"getter\", like using \"businessHours\" inside the \"appointments\".\r\n    const value = val.getter(siteConfig, componentsPilotMapping, WSDFieldConfig);\r\n    return value || val.defaultValue;\r\n  });\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { mapFbHours } from './business-hours-mapping';\r\nimport { generateSectionWithComponent, generateId } from './generate-section-with-component';\r\nimport {\r\n  generateNewCmpsFromExistingData,\r\n  getEnabledComponentsConfig,\r\n  getOverrideCompConfigMapping,\r\n  removeDuplicatedComponents,\r\n} from './component-utils';\r\nimport { createWebsiteSourceData } from './website-source-data-util';\r\nimport { getTimeZoneId } from './site-config-reader';\r\nimport { WEBSITE_SOURCE_DATA_KEY_MAPPING } from './site-config-structure';\r\n\r\nconst fbRelatedComponents = [\r\n  'review',\r\n  'update',\r\n];\r\n\r\n/**\r\n * Generate attributes from websiteSourceData\r\n * @param {Object} websiteSourceData website related data\r\n * @param {Object} serverContext server context\r\n * @returns {Array} A generated attributes\r\n */\r\nconst websiteSourceDataToAttributes = (websiteSourceData = {}, serverContext) => {\r\n  const overridedCompConfigMapping = getOverrideCompConfigMapping(websiteSourceData);\r\n  // Map website source data to pages\r\n  const pages = [{\r\n    id: generateId('pge'),\r\n    components: [],\r\n  }];\r\n\r\n  const enabledComponentsConfig = getEnabledComponentsConfig(serverContext);\r\n\r\n  _.each(enabledComponentsConfig, (comp) => {\r\n    const { type, order } = comp;\r\n\r\n    if (!fbRelatedComponents.includes(type)) {\r\n      const sectionConfig = generateSectionWithComponent({\r\n        componentType: type,\r\n        sectionIndex: order,\r\n      });\r\n\r\n      // Will always has return\r\n      const config = _.find(sectionConfig, item => item.type === type);\r\n\r\n      // We take what are provided and what are required.\r\n      if (overridedCompConfigMapping[type]) {\r\n        _.extend(config, overridedCompConfigMapping[type]);\r\n        pages[0].components.push(...sectionConfig);\r\n      } else if (comp.required) {\r\n        pages[0].components.push(...sectionConfig);\r\n      }\r\n    }\r\n  });\r\n\r\n  // Map website source data to dataSource\r\n  const dataSource = {\r\n    businessCategories: websiteSourceData.Categories,\r\n    businessDescription: websiteSourceData.Description,\r\n    businessName: websiteSourceData.BusinessName,\r\n    emails: [websiteSourceData.Email],\r\n    locationInfo: websiteSourceData.SingleLineAddress,\r\n    logoImageId: websiteSourceData.LogoImageId,\r\n    phoneNumber: websiteSourceData.PhoneNumber,\r\n  };\r\n\r\n  // BP user navigate to main page directly, so entry wizard will not be shown again\r\n  const siteContextInfo = {\r\n    hasEntryWizardShown: true,\r\n    hasQualtricsPopupShown: false,\r\n  };\r\n\r\n  return [\r\n    {\r\n      Key: 'dataSource',\r\n      Value: JSON.stringify(dataSource),\r\n    },\r\n    {\r\n      Key: 'pages',\r\n      Value: JSON.stringify(pages),\r\n    },\r\n    {\r\n      Key: 'theme',\r\n      Value: JSON.stringify({ themeId: 'theme_gray' }),\r\n    },\r\n    {\r\n      Key: 'siteContextInfo',\r\n      Value: JSON.stringify(siteContextInfo),\r\n    },\r\n  ];\r\n};\r\n\r\n/**\r\n * Update config based on existing config and serverContext when pilot is turn ON and OFF\r\n * @param {Object} siteConfig The complete data for a smart page\r\n * @param {Object} serverContext Server Context\r\n * @returns {Array} The updated components.\r\n */\r\nconst updateComponents = (siteConfig, serverContext) => {\r\n  let allComponents = (siteConfig.pages && siteConfig.pages[0]\r\n    && siteConfig.pages[0].components) || [];\r\n\r\n  if (_.isEmpty(allComponents)) {\r\n    return siteConfig;\r\n  }\r\n\r\n  const newSiteConfig = { ...siteConfig };\r\n  const enabledComponentsConfig = getEnabledComponentsConfig(serverContext);\r\n\r\n  allComponents = removeDuplicatedComponents(allComponents);\r\n  newSiteConfig.pages[0].components = generateNewCmpsFromExistingData(\r\n    allComponents,\r\n    enabledComponentsConfig\r\n  );\r\n\r\n  return newSiteConfig;\r\n};\r\n\r\n/**\r\n * Create new websiteSourceData if it doesn't exist, then update it with serverContext\r\n * @param {Object} siteConfig Complete data for Smart Page\r\n * @param {Object} serverContext ServerContext\r\n * @returns {Object} newWebsiteSourceData\r\n */\r\nconst updateWebsiteSourceData = (siteConfig, serverContext) => {\r\n  const {\r\n    websiteSourceData,\r\n    dataSource,\r\n    pages,\r\n  } = siteConfig;\r\n  let newWebsiteSourceData = websiteSourceData || {};\r\n\r\n  if (_.isEmpty(websiteSourceData) && !_.isEmpty(dataSource) && !_.isEmpty(pages)) {\r\n    newWebsiteSourceData = createWebsiteSourceData(siteConfig, serverContext);\r\n  }\r\n\r\n  newWebsiteSourceData[WEBSITE_SOURCE_DATA_KEY_MAPPING.TimeZoneId] = getTimeZoneId(\r\n    serverContext,\r\n    siteConfig\r\n  );\r\n\r\n  return newWebsiteSourceData;\r\n};\r\n\r\n/**\r\n * Convert model used in MT to Siteconfig in UI side.\r\n * @param {Object} model A complete data get from MT call\r\n * @param {Object} serverContext Server context\r\n * @returns {Object} Site config used in UI side\r\n */\r\nexport const modelToSiteConfig = (model, serverContext = {}) => {\r\n  const siteConfig = {\r\n    id: model.Id,\r\n    name: model.Name,\r\n    status: model.Status,\r\n    subDomain: model.SubDomain,\r\n    siteSuffix: model.SiteSuffix,\r\n    uetTagId: model.UetTagId,\r\n    isMTagMigrated: model.IsMTagMigrated,\r\n    associations: model.Associations,\r\n    isEditorialRejected: model.IsEditorialRejected,\r\n    smartPageDataContext: model.SmartPageDataContext,\r\n    domainDetail: model.DomainDetail,\r\n    websiteSourceData: model.WebsiteSourceData,\r\n    migrationContext: model.WSDMigrationContext,\r\n    previewId: model.PreviewId,\r\n    images: model.Images,\r\n    localImageUrl: '',\r\n    snapshots: {},\r\n  };\r\n\r\n  // Bing Places created website may not have Attributes property,\r\n  // creating the Attributes with WebsiteSourceData will be needed.\r\n  const attrs = !_.isEmpty(model.Attributes)\r\n    ? model.Attributes\r\n    : websiteSourceDataToAttributes(model.WebsiteSourceData);\r\n  _.each(attrs, (attr) => {\r\n    siteConfig[attr.Key] = JSON.parse(attr.Value);\r\n  });\r\n\r\n  const snapshotsAttrs = model.Snapshots;\r\n  _.each(snapshotsAttrs, (snapshotAttr) => {\r\n    siteConfig.snapshots[snapshotAttr.Key] = JSON.parse(snapshotAttr.Value);\r\n  });\r\n\r\n  // Existing smart pages won't have migrationContext\r\n  // Setting a default value allows to revert the migration status\r\n  // of a component successfully.\r\n  siteConfig.snapshots.migrationContext = siteConfig.snapshots.migrationContext || {};\r\n\r\n  const newSiteConfig = updateComponents(siteConfig, serverContext);\r\n  newSiteConfig.websiteSourceData = updateWebsiteSourceData(newSiteConfig, serverContext);\r\n\r\n  return newSiteConfig;\r\n};\r\n\r\n/**\r\n * Convert Facebook page data to Siteconfig.\r\n * @param {*} fbPage Facebook page related data\r\n * @returns {Object} A new site config used in UI side.\r\n */\r\nexport const facebookPageToSiteConfig = (fbPage) => {\r\n  const siteInfoData = {\r\n    facebookId: fbPage.Id,\r\n    facebookUserId: fbPage.FbUserId,\r\n    businessName: fbPage.Name || '',\r\n    businessCategories: _.pluck(fbPage.CategoryList, 'Name') || [],\r\n    businessDescription: fbPage.About || '',\r\n    businessHours: mapFbHours(fbPage.Hours),\r\n    phoneNumber: fbPage.Phone,\r\n    locationInfo: fbPage.SingleLineAddress,\r\n    callToActions: fbPage.CallToActions,\r\n    profilePicture: fbPage.Picture && fbPage.Picture.Url,\r\n    posts: _.isEmpty(fbPage.Posts) ? []\r\n      : fbPage.Posts.filter(post => post.FullPicture || post.Message),\r\n    reviews: fbPage.Ratings,\r\n    coverImage: fbPage.Cover && fbPage.Cover.Source,\r\n    emails: fbPage.Emails,\r\n    photos: fbPage.Photos,\r\n    fbErrors: fbPage.FbErrors,\r\n  };\r\n\r\n  return siteInfoData;\r\n};\r\n","import _ from 'underscore';\r\nimport { getComponentByTypeFromPageComponents } from './site-config-reader';\r\nimport { generateId } from './generate-section-with-component';\r\n\r\nconst fbAction2ComponentConfig = (action) => {\r\n  const component = {\r\n    type: 'callToAction',\r\n  };\r\n\r\n  switch (action.Type) {\r\n    case 'CALL_NOW':\r\n      return _.extend(component, { actionType: 'CallNow', 'data-source-name': 'phoneNumber' });\r\n    case 'EMAIL':\r\n      return _.extend(component, { actionType: 'SendMail', 'data-source-name': 'email' });\r\n    case 'GET_DIRECTIONS':\r\n      return _.extend(component, { actionType: 'GetDirections', 'data-source-name': 'locationInfo' });\r\n    case 'REQUEST_QUOTE':\r\n      return _.extend(component, { actionType: 'GetQuote' });\r\n    case 'CONTACT_US':\r\n      return _.extend(component, { actionType: 'ContactUs' });\r\n    case 'BOOK_APPOINTMENT':\r\n      return _.extend(component, { actionType: 'BookAppointment', linkUrl: action.WebUrl });\r\n    // TODO(Nickyang): Disable following actionTypes as we don't support them now\r\n    // case 'SHOP_NOW':\r\n    //   return _.extend(component, { actionType: 'ShopNow', linkUrl: action.WebUrl });\r\n    // case 'SIGN_UP':\r\n    //   return _.extend(component, { actionType: 'SignUp', linkUrl: action.WebUrl });\r\n    // case 'ORDER_FOOD':\r\n    //   return _.extend(component, { actionType: 'OrderFood', linkUrl: action.WebUrl });\r\n    // case 'PURCHASE_GIFT_CARDS':\r\n    //   return _.extend(component, { actionType: 'PurchaseGiftCard', linkUrl: action.WebUrl });\r\n    default:\r\n      return null;\r\n  }\r\n};\r\n\r\nexport const fbActions2SmartActionButtons = (fbDataSource) => {\r\n  const actionComponents = _.chain(fbDataSource.callToActions)\r\n    .map(fbAction2ComponentConfig)\r\n    .compact()\r\n    .value();\r\n  return _.filter(actionComponents, cmp => _.has(cmp, 'linkUrl'));\r\n};\r\n\r\nexport const appendActions2Components = (components, actionCmps) => {\r\n  const callToActionCmp = getComponentByTypeFromPageComponents(components, 'callToAction');\r\n\r\n  if (!_.isEmpty(actionCmps) && callToActionCmp !== undefined) {\r\n    _.map(actionCmps, (cmp) => {\r\n      _.extend(cmp, {\r\n        id: generateId('cmp'),\r\n        parentId: callToActionCmp.parentId,\r\n      });\r\n    });\r\n    components.splice(callToActionCmp.index + 1, 0, ...actionCmps);\r\n  }\r\n};\r\n","export const truncateString = (string, limit) => {\r\n  if (!string) {\r\n    return '';\r\n  }\r\n\r\n  return string.substring(0, limit);\r\n};\r\n\r\nexport const promiseLogWrapper = (promise, logger, actionName = 'Promise', domainName = 'Editor') => (args) => {\r\n  logger.logTrace(`${actionName}Start|${domainName}`);\r\n  return promise(args)\r\n    .catch((err) => {\r\n      logger.logError(`${actionName}Error|${domainName}`, err);\r\n      throw err;\r\n    })\r\n    .finally(() => {\r\n      logger.logTrace(`${actionName}End|${domainName}`);\r\n    });\r\n};\r\n\r\nexport const isStringEndWithEmoji = (string) => {\r\n  const regex = /.*(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\r\n  return regex.test(string);\r\n};\r\n\r\nexport const truncateStringEndWithEmoji = (string, limit) => {\r\n  if (!string) {\r\n    return '';\r\n  }\r\n\r\n  if (string.length <= limit) {\r\n    return string;\r\n  }\r\n\r\n  // 1 emoji = 2 chars\r\n  if (isStringEndWithEmoji(string.substring(0, limit + 1))) {\r\n    return string.substring(0, limit - 1);\r\n  }\r\n\r\n  return string.substring(0, limit);\r\n};\r\n\r\nexport const removeStringEmoji = (string) => {\r\n  const regex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\r\n  return string.replace(regex, '');\r\n};\r\n","import _ from 'underscore';\r\n\r\nimport { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nimport {\r\n  fbActions2SmartActionButtons,\r\n  appendActions2Components,\r\n} from './action-button-mapping';\r\nimport { truncateString } from './common-util';\r\nimport { updateWebsiteSourceDataWithBasicData } from './website-source-data-util';\r\n\r\nexport const businessNameMaxLength = 25;\r\n\r\n// TODO: confirm with Jie for callToActions and hours\r\nconst validAttrs = [\r\n  'businessDescription',\r\n  'businessCategories',\r\n  'businessName',\r\n  'callToActions',\r\n  'emails',\r\n  'locationInfo',\r\n  'logoImageId',\r\n  'phoneNumber',\r\n  'businessHours',\r\n];\r\n\r\nconst fbDataSourceFilter = (originDataSource) => {\r\n  const dataSource = _.pick(originDataSource, ...validAttrs);\r\n  dataSource.businessName = truncateString(dataSource.businessName, businessNameMaxLength);\r\n\r\n  return dataSource;\r\n};\r\n\r\nexport const importConfigFromFbDataSource = (siteConfig, fbDataSource) => {\r\n  const pageIndex = 0;\r\n  const filteredFbDataSource = fbDataSourceFilter(fbDataSource);\r\n\r\n  _.each(validAttrs, attr =>\r\n    updateWebsiteSourceDataWithBasicData(siteConfig, filteredFbDataSource, attr, true));\r\n\r\n  const newSiteConfig = {\r\n    // Make sure the later update below L44 for pages is not touching the orignial obj......\r\n    // Which makes the siteConfigReducer compares the same value in some cases.\r\n    ...cloneDeep(siteConfig),\r\n    dataSource: filteredFbDataSource,\r\n    siteContextInfo: {\r\n      facebookPageName: filteredFbDataSource.businessName,\r\n    },\r\n  };\r\n\r\n  // TODO(Nickyang): We don't support multiple CTA now and this part of logic should\r\n  // be changed as replace rather than insert.\r\n  // map fbDataSource.callToActions to SmartActionButton component config and insert in siteConfig\r\n  const standaloneActionCmps = fbActions2SmartActionButtons(fbDataSource);\r\n  appendActions2Components(newSiteConfig.pages[pageIndex].components, standaloneActionCmps);\r\n\r\n  return newSiteConfig;\r\n};\r\n","export const hostSystemScenario = {\r\n  DMC: 'DMC',\r\n  EXPERT: 'Expert',\r\n};\r\n\r\n","import { useState, useEffect } from 'react';\r\n\r\nconst mobileMaxWidth = 640;\r\nconst smallDesktopMaxWidth = 1024;\r\nconst mediumDesktopMaxWidth = 1366;\r\n\r\nexport const ResponsiveMode = {\r\n  Mobile: 'mobile',\r\n  SmallDesktop: 'small-desktop',\r\n  MediumDesktop: 'medium-desktop',\r\n  LargeDesktop: 'large-desktop',\r\n};\r\n\r\nexport const useResponsiveMode = (element) => {\r\n  const [isMobile, setIsMobile] = useState(false);\r\n  const [responsiveMode, setResponsiveMode] = useState(ResponsiveMode.LargeDesktop);\r\n\r\n  useEffect(() => {\r\n    const getWidth = () => element.offsetWidth;\r\n\r\n    const setResponsiveValues = () => {\r\n      const currentWidth = getWidth();\r\n      if (currentWidth < mobileMaxWidth) {\r\n        setIsMobile(true);\r\n        setResponsiveMode(ResponsiveMode.Mobile);\r\n\r\n        return;\r\n      }\r\n\r\n      if (currentWidth < smallDesktopMaxWidth) {\r\n        setIsMobile(false);\r\n        setResponsiveMode(ResponsiveMode.SmallDesktop);\r\n\r\n        return;\r\n      }\r\n\r\n      if (currentWidth < mediumDesktopMaxWidth) {\r\n        setIsMobile(false);\r\n        setResponsiveMode(ResponsiveMode.MediumDesktop);\r\n\r\n        return;\r\n      }\r\n\r\n      setIsMobile(false);\r\n      setResponsiveMode(ResponsiveMode.LargeDesktop);\r\n    };\r\n\r\n    const handleResize = () => {\r\n      if (element) {\r\n        setResponsiveValues();\r\n      }\r\n    };\r\n\r\n    if (element) {\r\n      setResponsiveValues();\r\n    }\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, [element]);\r\n\r\n  return { isMobile, responsiveMode };\r\n};\r\n","import moment from 'moment-timezone';\r\n\r\nimport {\r\n  toIANATimeZone,\r\n  fromLegacyTimeZone,\r\n} from '@bingads-webui-universal/time-zone-converter';\r\n\r\nexport const transformDateForEditMode = (time) => {\r\n  if (!time) {\r\n    return '';\r\n  }\r\n\r\n  const timeString = moment(time).format('ddd M/D/YY h:mmA');\r\n\r\n  return timeString;\r\n};\r\n\r\n// using moment(time).format to get a localization format of time string has a bug:\r\n// need to import moment/min/locales.min first before using moment(time).format\r\n// see https://momentjs.com/docs/#/use-it/browserify/\r\n// so using native method to transform date with locale\r\nexport const TransformDateOption = {\r\n  weekday: 'short',\r\n  year: '2-digit',\r\n  month: 'numeric',\r\n  day: 'numeric',\r\n  hour12: true,\r\n  hour: 'numeric',\r\n  minute: 'numeric',\r\n};\r\n\r\nexport const transformDateWithLocaleForEditMode = (time, locale = 'en-us') => {\r\n  if (!time) {\r\n    return '';\r\n  }\r\n\r\n  const timeString = new Date(time).toLocaleString(locale, TransformDateOption);\r\n\r\n  return timeString;\r\n};\r\n\r\n// Keep the time string of customized update to be consistent with FB\r\n// Return time string format: 2021-11-15T17:47:56-08:00\r\nexport const getISOTimeStringWithTimeZone = (time) => {\r\n  if (!time) {\r\n    return '';\r\n  }\r\n\r\n  const timeString = moment(time).format('YYYY-MM-DDTHH:mm:ss');\r\n\r\n  // Try to extract the timezone offset(+0800) from time string like\r\n  // 'Fri Jan 21 2022 19:25:30 GMT+0800 (China Standard Time)'\r\n  let offsetString = time.toString().match(/([-+][0-9]+)\\s/)[1];\r\n\r\n  offsetString = `${offsetString.slice(0, 3)}:${offsetString.slice(3)}`;\r\n\r\n  return `${timeString}${offsetString}`;\r\n};\r\n\r\n/**\r\n * Get the IANA region name based on timeZoneId\r\n * @param {number} timeZoneId TimeZone Id stored in the serverContext\r\n * @returns {string} IANA region name\r\n */\r\nexport const getTimeZoneName = timeZoneId => toIANATimeZone(fromLegacyTimeZone(timeZoneId));\r\n\r\n/**\r\n * Get offset for certain timezone\r\n * @param {Object} timeZoneInfo {\r\n *  timeZoneName: IANA region name,\r\n *  timeZoneId: Timezone Id\r\n * }\r\n * @returns {number} offset compared the UTC time\r\n */\r\nexport const getTimeZoneOffset = ({ timeZoneName, timeZoneId }) => {\r\n  const timeZone = timeZoneName || getTimeZoneName(timeZoneId);\r\n\r\n  return moment.tz(timeZone).utcOffset();\r\n};\r\n\r\n/**\r\n * Transform time to the format in a specific timezone\r\n * @param {Object} timeParams {\r\n *  timeString: time string,\r\n *  timeZone: timeZone in IANA format\r\n *  timeZoneId: timeZoneId stored in the serverContext\r\n * }\r\n * @returns {string} timeString in specific timezone\r\n */\r\nexport const getTimeInCertainTimeZone = ({\r\n  timeString,\r\n  timeZone,\r\n  timeZoneId = 71,\r\n}) => {\r\n  const utcTimeString = moment.utc(timeString).format();\r\n  const targetTimeZone = timeZone || getTimeZoneName(timeZoneId);\r\n\r\n  return moment(utcTimeString).tz(targetTimeZone).format();\r\n};\r\n","import _, { isEmpty } from 'underscore';\r\n\r\nexport const YOUTUBE_REGEX = /^(?:https?:\\/\\/)?(?:www\\.|m\\.)?(?:youtu\\.be\\/|youtube(?:-nocookie)?\\.com\\/(?:embed\\/|v\\/|watch\\/|watch\\?v=|watch\\?.+&v=))((\\w|-){11})/;\r\nexport const YOUTUBE_NOT_SUPPORT_TYPE_REGEX = /^(?:https?:\\/\\/)?(?:www\\.|m\\.)?(?:youtube\\.com\\/playlist\\?list=|youtube\\.com\\/user\\/)/;\r\nexport const VIMEO_REGEX = /^(?:https?:\\/\\/)?(?:www\\.|m\\.)?vimeo\\.com\\/.+/;\r\n\r\nexport const validateEmailAddress = (email) => {\r\n  const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n  const isLengthValidated = (email && email.length <= 100);\r\n  return re.test(email) && isLengthValidated;\r\n};\r\n\r\nexport const prependProtocolToUrl = (url) => {\r\n  if (!url) {\r\n    return '';\r\n  }\r\n\r\n  const urlToCheck = url.toLowerCase();\r\n  let prefix = '';\r\n\r\n  if (!(urlToCheck.startsWith('https://') || urlToCheck.startsWith('http://'))) {\r\n    prefix = 'https://'; // Default to https\r\n  }\r\n\r\n  return prefix + url;\r\n};\r\n\r\n// We prepend the protocol before validating\r\nexport const isValidUrl = (str) => {\r\n  try {\r\n    const strToConvert = prependProtocolToUrl(str);\r\n    const url = new URL(strToConvert);\r\n\r\n    return !_.isEmpty(url.host);\r\n  } catch (ex) {\r\n    return false;\r\n  }\r\n};\r\n\r\nexport const getYoutubeVideoId = (url) => {\r\n  const videoUrl = prependProtocolToUrl(url);\r\n\r\n  if (YOUTUBE_REGEX.test(videoUrl)) {\r\n    return videoUrl.match(YOUTUBE_REGEX)[1];\r\n  }\r\n\r\n  return '';\r\n};\r\n\r\n// Check if url is smart page support url, currently only support youtube or vimeo\r\nexport const isSmartPageSupportVideo = (url) => {\r\n  const videoWebsiteWhitelist = [\r\n    YOUTUBE_REGEX,\r\n    YOUTUBE_NOT_SUPPORT_TYPE_REGEX,\r\n    VIMEO_REGEX,\r\n  ];\r\n\r\n  for (let i = 0; i < videoWebsiteWhitelist.length; i += 1) {\r\n    if (videoWebsiteWhitelist[i].test(url)) {\r\n      return true;\r\n    }\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\n/* running through validators and generate first error message for name.\r\nexample arr\r\n[\r\n  {\r\n    name: 'a',\r\n    value: 'test value',\r\n    validators: [{\r\n      validateWhenTrue: () => true ,\r\n      validator: (value) => false,\r\n      errorMessage: 'error message',\r\n    }]\r\n  }\r\n]\r\n\r\nexample return value:\r\n{\r\n  a: 'error message',\r\n}\r\n*/\r\nexport const validate = (arr) => {\r\n  const errors = {};\r\n\r\n  _.each(arr, ({\r\n    name,\r\n    value,\r\n    validators,\r\n  }) => {\r\n    for (let i = 0; i < validators.length; i += 1) {\r\n      const { validateWhenTrue, validator, errorMessage } = validators[i];\r\n      if (validateWhenTrue) {\r\n        if (!validator(value)) {\r\n          errors[name] = errorMessage;\r\n          break;\r\n        }\r\n      }\r\n    }\r\n  });\r\n\r\n  return errors;\r\n};\r\n\r\nexport const getPathFromUrl = (url) => {\r\n  if (isEmpty(url)) {\r\n    return '';\r\n  }\r\n\r\n  return url.split('?')[0];\r\n};\r\n","/* istanbul ignore file */\r\nimport { Constants } from '@bingads-webui-clientcenter/entity-utils';\r\n\r\nexport const phoneFormats = [{\r\n  name: 'US',\r\n  mask: '(999) 999-9999',\r\n  countryCode: '1',\r\n  get validate() {\r\n    const self = this;\r\n\r\n    return (input, allowEmpty = false) => {\r\n      let isvalid = false;\r\n\r\n      if (input) {\r\n        // stripping off country code, 1 or +1\r\n        const preprocessed = input.replace(/^(\\+)?1/, '');\r\n        isvalid = (preprocessed.match(/\\d/g) || []).length === 10;\r\n      }\r\n      if (allowEmpty) {\r\n        if (!input) {\r\n          return true;\r\n        }\r\n        return isvalid || (new RegExp(`^${self.countryCode}[-|(|)|#|\\\\s]*`).test(input));\r\n      }\r\n      return isvalid;\r\n    };\r\n  },\r\n}, {\r\n  name: 'General',\r\n  mask: '',\r\n  countryCode: '',\r\n  get validate() {\r\n    return (input, allowEmpty = false) => {\r\n      if (!input || !input.trim()) {\r\n        return allowEmpty;\r\n      }\r\n\r\n      const { PhoneNumberRegExp } = Constants;\r\n      const re = new RegExp(PhoneNumberRegExp);\r\n      const validRegExp = re.test(input);\r\n\r\n      // At least 1 countryCalling code + 7 number digits and smaller than 17 number digits\r\n      const digitLength = (input.match(/\\d/g) || []).length;\r\n      const validDigit = digitLength > 7 && digitLength < 18;\r\n      const validLength = input.length < 30;\r\n\r\n      return validRegExp && validDigit && validLength;\r\n    };\r\n  },\r\n}];\r\n","import _ from 'underscore';\r\nimport parsePhoneNumber from 'libphonenumber-js';\r\nimport { phoneFormats } from './phone-format';\r\n\r\nexport const validatePhone = (phone, allowEmpty = false) => {\r\n  if (!phone) {\r\n    return allowEmpty;\r\n  }\r\n\r\n  return phoneFormats[1].validate(phone, allowEmpty);\r\n};\r\n\r\nconst USCountryId = 191;\r\n\r\nexport const getCallingCodeDisplayByCountry = (country = {}) => {\r\n  const callingCodeString = _.isEmpty(country.CountryCallingCode) ? '' : ` (+${country.CountryCallingCode})`;\r\n  return `${country.Name || ''}${callingCodeString}`;\r\n};\r\n\r\n// FB imported phone number is in format of +12345678890, and there is no dash after the area code\r\nexport const matchCountryAndCallingCode = (fullPhoneNumber, location, countries) =>\r\n  _.find(countries, country =>\r\n    fullPhoneNumber.indexOf(`+${country.CountryCallingCode}`) === 0 &&\r\n    location.includes(country.Name));\r\n\r\nexport const getCountryIdByRegionCode = (regionCode, countries) => {\r\n  const country = _.find(countries, c => c.Code === regionCode);\r\n\r\n  if (country) {\r\n    return country.Id;\r\n  }\r\n\r\n  return '';\r\n};\r\n\r\nexport const parseInitialPhoneNumber = (fullPhoneNumber, initialCountryCode, countries, location = '') => {\r\n  if (fullPhoneNumber) {\r\n    if (/^\\+(\\d+)/.test(fullPhoneNumber)) {\r\n      const matchedCountry = matchCountryAndCallingCode(fullPhoneNumber, location, countries);\r\n\r\n      if (matchedCountry) {\r\n        return {\r\n          initialPhoneNumber: fullPhoneNumber.replace(`+${matchedCountry.CountryCallingCode}`, ''),\r\n          initialCountryId: matchedCountry.Id,\r\n          initialCallingCode: matchedCountry.CountryCallingCode,\r\n        };\r\n      } else if (validatePhone(fullPhoneNumber)) {\r\n        let parsedPhoneNumber = null;\r\n\r\n        try {\r\n          parsedPhoneNumber = parsePhoneNumber(fullPhoneNumber, initialCountryCode);\r\n        } catch (e) {} // eslint-disable-line no-empty\r\n\r\n        if (parsedPhoneNumber) {\r\n          const initialCallingCode = parsedPhoneNumber.countryCallingCode;\r\n          const initialPhoneNumber = fullPhoneNumber.replace(`+${initialCallingCode}`, '');\r\n          const regionCode = parsedPhoneNumber.country;\r\n          const initialCountryId = getCountryIdByRegionCode(regionCode, countries);\r\n\r\n          return {\r\n            initialPhoneNumber,\r\n            initialCountryId,\r\n            initialCallingCode,\r\n          };\r\n        }\r\n      }\r\n    } else {\r\n      const matches = fullPhoneNumber.match(/^(\\d+)\\s?-\\s?(.*$)/);\r\n      if (matches) {\r\n        const fromCallingCode =\r\n          _.findWhere(countries, { CountryCallingCode: matches[1] });\r\n        const fromCountryCode =\r\n          _.findWhere(countries, { Code: initialCountryCode });\r\n\r\n        let initialCountry = fromCallingCode;\r\n\r\n        // This is a tricky fix here that Canada has the same calling code as US.\r\n        // If it can find the country from the address, use that one first.\r\n        if (fromCallingCode &&\r\n          fromCountryCode &&\r\n          fromCallingCode.CountryCallingCode === fromCountryCode.CountryCallingCode) {\r\n          initialCountry = fromCountryCode;\r\n        }\r\n\r\n        if (initialCountry) {\r\n          return {\r\n            initialPhoneNumber: matches[2],\r\n            initialCountryId: initialCountry.Id,\r\n            initialCallingCode: initialCountry.CountryCallingCode,\r\n          };\r\n        }\r\n      }\r\n    }\r\n  } else if (initialCountryCode) {\r\n    const initialCountry = _.findWhere(countries, { Code: initialCountryCode });\r\n    if (initialCountry) {\r\n      return {\r\n        initialPhoneNumber: '',\r\n        initialCountryId: initialCountry.Id,\r\n        initialCallingCode: initialCountry.CountryCallingCode,\r\n      };\r\n    }\r\n  }\r\n\r\n  return {\r\n    initialPhoneNumber: fullPhoneNumber,\r\n    initialCountryId: USCountryId,\r\n    initialCallingCode: '1',\r\n  };\r\n};\r\n\r\nexport const composePhoneNumber = (callingCode, phoneNumber) => `${callingCode}-${phoneNumber}`;\r\n","import { useCallback } from 'react';\r\n\r\nimport { MessageBarType } from '@fluentui/react/lib/MessageBar';\r\n\r\nexport function useFloatingBannerMessage(dispatch) {\r\n  const showError = useCallback((msg) => {\r\n    dispatch({\r\n      type: 'SET_FLOATING_BANNER',\r\n      payload: {\r\n        isShow: true,\r\n        msgInfo: msg,\r\n        msgType: MessageBarType.error,\r\n      },\r\n    });\r\n  }, [dispatch]);\r\n\r\n  const showInfo = useCallback((msg) => {\r\n    dispatch({\r\n      type: 'SET_FLOATING_BANNER',\r\n      payload: {\r\n        isShow: true,\r\n        msgInfo: msg,\r\n        msgType: MessageBarType.success,\r\n      },\r\n    });\r\n  }, [dispatch]);\r\n\r\n  const showWarning = useCallback((msg) => {\r\n    dispatch({\r\n      type: 'SET_FLOATING_BANNER',\r\n      payload: {\r\n        isShow: true,\r\n        msgInfo: msg,\r\n        msgType: MessageBarType.warning,\r\n      },\r\n    });\r\n  }, [dispatch]);\r\n\r\n  const hideFloatingBanner = useCallback(() => {\r\n    dispatch({\r\n      type: 'SET_FLOATING_BANNER',\r\n      payload: {\r\n        isShow: false,\r\n        msgInfo: '',\r\n        msgType: MessageBarType.warning,\r\n      },\r\n    });\r\n  }, [dispatch]);\r\n\r\n  return {\r\n    showError,\r\n    showInfo,\r\n    showWarning,\r\n    hideFloatingBanner,\r\n  };\r\n}\r\n","import { useEffect } from 'react';\r\n\r\nexport function useElementViewed(logger, elementScope) {\r\n  useEffect(() => {\r\n    logger.logTrace(`${elementScope}|displayed`);\r\n    return () => logger.logTrace(`${elementScope}|hidden`);\r\n  }, [logger, elementScope]);\r\n}\r\n","export const sendAnalyticsData = (actionType) => {\r\n  if (typeof actionType !== 'string') {\r\n    return;\r\n  }\r\n  window.uetq_sp = window.uetq_sp || [];\r\n  window.uetq_sp.push('event', 'Click', {\r\n    // 'contactUs' => 'contact US'\r\n    event_label: actionType,\r\n  });\r\n};\r\n","export const sendLeadsTrackingData = () => {\r\n  window.mtagq = window.mtagq || [];\r\n  window.mtagq.push(\r\n    'event',\r\n    'Smart Page Leads Tracking',\r\n    {}\r\n  );\r\n\r\n  window.uetq = window.uetq || [];\r\n  window.uetq.push(\r\n    'event',\r\n    'Smart Page Leads Tracking',\r\n    {}\r\n  );\r\n};\r\n","const resetComponentConfig = {\r\n  cropSettings: null,\r\n  imageWidth: null,\r\n  imageHeight: null,\r\n  imageId: null,\r\n  imageName: null,\r\n  fileName: null,\r\n  editWithCropper: null,\r\n  externalSrc: null,\r\n};\r\n\r\nexport const updateImageByExternal = (originalComponentConfig, externalSrc) => ({\r\n  ...originalComponentConfig,\r\n  ...resetComponentConfig,\r\n  externalSrc,\r\n});\r\n\r\nexport const updateImageByMeta = (originalComponentConfig, imageMeta, fileObj, externalSrc) => {\r\n  const {\r\n    IdString: imageId,\r\n    Width: imageWidth,\r\n    Height: imageHeight,\r\n    CropSettings: cropSettings,\r\n    FileName: metaFileName,\r\n  } = imageMeta;\r\n\r\n  return {\r\n    ...originalComponentConfig,\r\n    ...resetComponentConfig,\r\n    imageId,\r\n    imageWidth,\r\n    imageHeight,\r\n    cropSettings,\r\n    fileName: metaFileName || (fileObj ? fileObj.name : null),\r\n    externalSrc,\r\n  };\r\n};\r\n\r\nexport const updateImageByName = (originalComponentConfig, imageName) => ({\r\n  ...originalComponentConfig,\r\n  ...resetComponentConfig,\r\n  imageName,\r\n});\r\n","export const leftIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzgyNDcgMTUuODA0N0w5LjcyNzc4IDE0Ljg1OTRMMi44Njg0MSA4TDkuNzI3NzggMS4xNDA2Mkw4Ljc4MjQ3IDAuMTk1MzEyTDAuOTc3NzgzIDhMOC43ODI0NyAxNS44MDQ3WiIgZmlsbD0iIzAwNzhENCIvPgo8L3N2Zz4K';\r\nexport const rightIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjE0MDYyIDE1LjgwNDdMMC4xOTUzMTIgMTQuODU5NEw3LjA1NDY5IDhMMC4xOTUzMTIgMS4xNDA2MkwxLjE0MDYyIDAuMTk1MzEyTDguOTQ1MzEgOEwxLjE0MDYyIDE1LjgwNDdaIiBmaWxsPSIjMDA3OEQ0Ii8+Cjwvc3ZnPgo=';\r\nexport const mailIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIGNsYXNzPSJzdmdfNTM3YzJlYmQiPjxwYXRoIGQ9Ik0yMDQ4IDM4NHYxMjgwSDBWMzg0aDIwNDh6TTE0MyA1MTJsODgxIDQ0MSA4ODEtNDQxSDE0M3ptMTc3NyAxMDI0VjY0OGwtODk2IDQ0Ny04OTYtNDQ3djg4OGgxNzkyeiI+PC9wYXRoPjwvc3ZnPg==';\r\nexport const mapPinIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIGNsYXNzPSJzdmdfNTM3YzJlYmQiPjxwYXRoIGQ9Ik0xOTIwIDIwNDhIMEwzODQgODk2aDUxMlY2MzRxLTU2LTEyLTEwMy00MXQtODEtNzAtNTMtOTQtMTktMTA5cTAtNjYgMjUtMTI0dDY4LTEwMSAxMDItNjlUOTYwIDBxNjYgMCAxMjQgMjV0MTAxIDY5IDY5IDEwMiAyNiAxMjRxMCA1Ny0xOSAxMDl0LTUzIDkzLTgxIDcxLTEwMyA0MXYyNjJoNTEybDM4NCAxMTUyek03NjggMzIwcTAgNDAgMTUgNzV0NDEgNjEgNjEgNDEgNzUgMTVxNDAgMCA3NS0xNXQ2MS00MSA0MS02MSAxNS03NXEwLTQwLTE1LTc1dC00MS02MS02MS00MS03NS0xNXEtNDAgMC03NSAxNXQtNjEgNDEtNDEgNjEtMTUgNzV6TTE3OCAxOTIwaDE1NjRsLTI5OC04OTZoLTQyMHY0ODBxMCA5LTcgMTV0LTE4IDEwLTIxIDUtMTggMnEtNyAwLTE3LTF0LTIxLTUtMTgtMTAtOC0xNnYtNDgwSDQ3NmwtMjk4IDg5NnoiPjwvcGF0aD48L3N2Zz4=';\r\nexport const phoneIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIGNsYXNzPSJzdmdfNTM3YzJlYmQiPjxwYXRoIGQ9Ik0xNjA3IDEyMTNxNDQgMCA4NCAxNnQ3MiA0OGwyMjAgMjIwcTMxIDMxIDQ3IDcxdDE3IDg1cTAgNDQtMTYgODR0LTQ4IDcybC0xNCAxNHEtNTQgNTQtOTkgOTZ0LTk0IDcwLTEwOSA0NC0xNDMgMTVxLTEyNSAwLTI1Ny0zOXQtMjYyLTEwOC0yNTYtMTY0LTIzNy0yMDctMjA2LTIzOC0xNjItMjU2VDM4IDc3NSAwIDUyM3EwLTgzIDE0LTE0MnQ0My0xMDggNzAtOTMgOTYtOTlsMTYtMTZxMzEtMzEgNzEtNDh0ODUtMTdxNDQgMCA4NCAxN3Q3MiA0OGwyMjAgMjIwcTMxIDMxIDQ3IDcxdDE3IDg1cTAgNDQtMTUgNzh0LTM3IDYzLTQ4IDUxLTQ5IDQ1LTM3IDQ0LTE1IDQ5cTAgMzggMjcgNjVsNTUxIDU1MXEyNyAyNyA2NSAyNyAyNiAwIDQ4LTE1dDQ1LTM3IDQ1LTQ4IDUxLTQ5IDYyLTM3IDc5LTE1em0tODMgNzA3cTcyIDAgMTIwLTEzdDg4LTM5IDc2LTY0IDg1LTg2cTI3LTI3IDI3LTY1IDAtMTgtMTQtNDJ0LTM4LTUyLTUxLTU1LTU2LTU0LTUxLTQ3LTM3LTM1cS0yNy0yNy02Ni0yNy0yNiAwLTQ4IDE1dC00NCAzNy00NSA0OC01MiA0OS02MiAzNy03OSAxNXEtNDQgMC04NC0xNnQtNzItNDhMNTcwIDkyN3EtMzEtMzEtNDctNzF0LTE3LTg1cTAtNDQgMTUtNzh0MzctNjMgNDgtNTEgNDktNDYgMzctNDQgMTUtNDhxMC0zOS0yNy02Ni0xMy0xMy0zNC0zNnQtNDctNTEtNTQtNTYtNTYtNTItNTEtMzctNDMtMTVxLTM4IDAtNjUgMjdsLTg1IDg1cS0zNyAzNy02NCA3NnQtNDAgODctMTQgMTIwcTAgMTEyIDM2IDIzMXQxMDEgMjM4IDE1MyAyMzQgMTkyIDIxOSAyMTkgMTkwIDIzNCAxNTAgMjM2IDk5IDIyNiAzNnoiPjwvcGF0aD48L3N2Zz4=';\r\nexport const closeIcon = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxMXB0IiB2aWV3Qm94PSIwIDAgMzExIDMxMS4wNzczMyIgd2lkdGg9IjMxMXB0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xNi4wMzUxNTYgMzExLjA3ODEyNWMtNC4wOTc2NTYgMC04LjE5NTMxMi0xLjU1ODU5NC0xMS4zMDg1OTQtNC42OTUzMTMtNi4yNS02LjI1LTYuMjUtMTYuMzgyODEyIDAtMjIuNjMyODEybDI3OS4wNjI1LTI3OS4wNjI1YzYuMjUtNi4yNSAxNi4zODI4MTMtNi4yNSAyMi42MzI4MTMgMHM2LjI1IDE2LjM4MjgxMiAwIDIyLjYzNjcxOWwtMjc5LjA1ODU5NCAyNzkuMDU4NTkzYy0zLjEzNjcxOSAzLjExNzE4OC03LjIzNDM3NSA0LjY5NTMxMy0xMS4zMjgxMjUgNC42OTUzMTN6bTAgMCIvPjxwYXRoIGQ9Im0yOTUuMTE3MTg4IDMxMS4wNzgxMjVjLTQuMDk3NjU3IDAtOC4xOTE0MDctMS41NTg1OTQtMTEuMzA4NTk0LTQuNjk1MzEzbC0yNzkuMDgyMDMyLTI3OS4wNTg1OTNjLTYuMjUtNi4yNTM5MDctNi4yNS0xNi4zODY3MTkgMC0yMi42MzY3MTlzMTYuMzgyODEzLTYuMjUgMjIuNjM2NzE5IDBsMjc5LjA1ODU5NCAyNzkuMDYyNWM2LjI1IDYuMjUgNi4yNSAxNi4zODI4MTIgMCAyMi42MzI4MTItMy4xMzY3MTkgMy4xMTcxODgtNy4yMzA0NjkgNC42OTUzMTMtMTEuMzA0Njg3IDQuNjk1MzEzem0wIDAiLz48L3N2Zz4=';\r\n","const IDEAL_WIDTH = 1080;\r\nconst IDEAL_HEIGHT = 608;\r\n\r\nexport const IDEAL_ASPECT_RATIO = IDEAL_HEIGHT / IDEAL_WIDTH;\r\nexport const IDEAL_ASPECT_RATIO_PERCENTAGE = 100 * IDEAL_ASPECT_RATIO;\r\n","import { IDEAL_ASPECT_RATIO } from './cropper-const';\r\n\r\nexport const withInitialCropData = (imageMetaData) => {\r\n  const {\r\n    Width,\r\n    Height,\r\n  } = imageMetaData;\r\n\r\n  return {\r\n    ...imageMetaData,\r\n    CropSettings: {\r\n      cropX: 0,\r\n      cropY: 0,\r\n      cropWidth: Width,\r\n      cropHeight: Math.min(Height, IDEAL_ASPECT_RATIO * Width),\r\n    },\r\n  };\r\n};\r\n","import { filter, contains, some } from 'underscore';\r\n\r\nexport const getUpdateImages = (images, snapshotImages, imageIdsToRemove, imagesToAdd = []) => {\r\n  const imageIdsToRemoveNotInSnapshot = filter(imageIdsToRemove, id => !some(snapshotImages, ({\r\n    IdString,\r\n  }) => IdString === id));\r\n\r\n  const newImages = filter(images, ({\r\n    IdString,\r\n  }) => !contains(imageIdsToRemoveNotInSnapshot, IdString)) || [];\r\n\r\n  newImages.push(...imagesToAdd);\r\n\r\n  return newImages;\r\n};\r\n","import { map, contains, omit, chain, isEmpty } from 'underscore';\r\n\r\nimport { getPathFromUrl } from '../address-util';\r\n\r\n// this is used to show facebook photos in select dialog\r\nexport const getThumbnailUrlForFacebookPhoto = facebookPhoto => facebookPhoto.Picture;\r\n\r\nexport const getUrlFromStockImage = stockImage => stockImage.externalSrc;\r\n\r\nexport const getLocalImageData = image => image.imageData;\r\n\r\nexport const getUniqueFacebookPhotos = (photos) => {\r\n  if (isEmpty(photos)) {\r\n    return [];\r\n  }\r\n\r\n  const addedPicture = [];\r\n  const finalPhoto = [];\r\n\r\n  photos.forEach((photo) => {\r\n    const photoPath = getPathFromUrl(photo.Picture);\r\n    if (addedPicture.indexOf(photoPath) === -1) {\r\n      finalPhoto.push(photo);\r\n      addedPicture.push(photoPath);\r\n    }\r\n  });\r\n\r\n  return finalPhoto;\r\n};\r\n\r\nexport const StockImageSourceType = {\r\n  M365: 'M365TextAnalysis',\r\n  TemplateAds: 'Template',\r\n};\r\n\r\nexport const getStockImageThumbnailUrl = (image) => {\r\n  let url = image.externalSrc;\r\n\r\n  if (image.source === StockImageSourceType.M365) {\r\n    url = url.replace('.jpg', '');\r\n    return `${url}_thumbnail.jpg`;\r\n  }\r\n\r\n  return url;\r\n};\r\n\r\nexport const getStockImageOriginalUrl = (image) => {\r\n  if (image.source === StockImageSourceType.M365) {\r\n    return image.externalSrc.replace('_thumbnail', '');\r\n  }\r\n  return image.externalSrc;\r\n};\r\n\r\n// when uploading, use high resolution one\r\nexport const getFacebookPhotoUrlToUpload = (photo) => {\r\n  if (photo.Images && photo.Images[0]) {\r\n    return photo.Images[0].Url;\r\n  }\r\n  return '';\r\n};\r\n\r\n// Used to get small version image src from pivot image editor, including local image\r\nexport const getImageThumbnailSrcFromImage = (image) => {\r\n  const externalUrl = getStockImageThumbnailUrl(image);\r\n  const fbUrl = getThumbnailUrlForFacebookPhoto(image);\r\n  const localSrc = getLocalImageData(image);\r\n\r\n  return externalUrl || fbUrl || localSrc;\r\n};\r\n\r\nexport const getUploadUrlFromImage = (image) => {\r\n  const externalUrl = getUrlFromStockImage(image);\r\n  const fbUrl = getFacebookPhotoUrlToUpload(image);\r\n\r\n  return externalUrl || fbUrl || '';\r\n};\r\n\r\nexport const ImageSource = {\r\n  Local: 'Local',\r\n  Facebook: 'Facebook',\r\n  StockImage: 'StockImage',\r\n};\r\n\r\n/**\r\n * @param {object} image\r\n *  image item that contains info of itself including url to upload or image data\r\n * @return {object} {\r\n *  url: for external link,\r\n *  imageData: for local image file,\r\n *  source: where this image comes from\r\n * }\r\n */\r\nexport const getUploadDetailFromImage = (image) => {\r\n  if (image.file) {\r\n    return {\r\n      imageData: image.imageData,\r\n      source: ImageSource.Local,\r\n    };\r\n  }\r\n\r\n  let url = getUrlFromStockImage(image);\r\n  let source = ImageSource.StockImage;\r\n\r\n  if (getFacebookPhotoUrlToUpload(image)) {\r\n    url = getFacebookPhotoUrlToUpload(image);\r\n    source = ImageSource.Facebook;\r\n  }\r\n\r\n  return {\r\n    url,\r\n    source,\r\n  };\r\n};\r\n\r\n// after uploading\r\nexport const formatUploadedFacebookPhoto =\r\n  (uploadedResult, originalFacebookPhoto) => ({\r\n    ...uploadedResult,\r\n    fbImageUrl: getThumbnailUrlForFacebookPhoto(originalFacebookPhoto),\r\n  });\r\n\r\nexport const formatUploadedStockImage =\r\n  (uploadedResult, originalStockImage) => ({\r\n    ...uploadedResult,\r\n    externalSrc: originalStockImage.externalSrc,\r\n  });\r\n\r\nexport const formateUploadedPhoto =\r\n  (uploadedResult, originalImage) => (\r\n    originalImage.externalSrc\r\n      ? formatUploadedStockImage(uploadedResult, originalImage)\r\n      : formatUploadedFacebookPhoto(uploadedResult, originalImage)\r\n  );\r\n\r\nconst getUrlHelpersByType = (type) => {\r\n  let urlPropertyName = 'fbImageUrl';\r\n  let getUrlFromImage = getThumbnailUrlForFacebookPhoto;\r\n\r\n  if (type === ImageSource.StockImage) {\r\n    urlPropertyName = 'externalSrc';\r\n    getUrlFromImage = getUrlFromStockImage;\r\n  }\r\n\r\n  return {\r\n    urlPropertyName,\r\n    getUrlFromImage,\r\n  };\r\n};\r\n\r\nexport const filterImportedImages = (images, addedImages, type) => {\r\n  const { urlPropertyName, getUrlFromImage } = getUrlHelpersByType(type);\r\n\r\n  const imported = chain(addedImages)\r\n    .pluck(urlPropertyName)\r\n    .map(getPathFromUrl)\r\n    .value();\r\n\r\n  return images.filter((image) => {\r\n    const url = getPathFromUrl(getUrlFromImage(image));\r\n    return !contains(imported, url);\r\n  });\r\n};\r\n\r\nexport const disableImportedImages = (images, addedImages, type) => {\r\n  const { urlPropertyName, getUrlFromImage } = getUrlHelpersByType(type);\r\n\r\n  const imported = chain(addedImages)\r\n    .pluck(urlPropertyName)\r\n    .map(getPathFromUrl)\r\n    .value();\r\n\r\n  return images.map((image) => {\r\n    const url = getPathFromUrl(getUrlFromImage(image));\r\n    return {\r\n      ...image,\r\n      isDisabled: contains(imported, url),\r\n    };\r\n  });\r\n};\r\n\r\nexport const formatImagesToSiteConfigImages = images => map(\r\n  images,\r\n  image => omit(image, 'fbImageUrl', 'externalSrc')\r\n);\r\n\r\nexport const formatImagesToSiteConfigComponentConfig = images => map(images, ({\r\n  IdString,\r\n  fbImageUrl,\r\n  externalSrc,\r\n}) => (\r\n  fbImageUrl\r\n    ? { imageId: IdString, fbImageUrl }\r\n    : { imageId: IdString, externalSrc }\r\n));\r\n","import { cloneDeep } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nexport const getUpdatedPages = (pages, componentConfig) => {\r\n  const newPages = [...pages];\r\n\r\n  newPages.forEach((page) => {\r\n    const { components } = page;\r\n    const newComponents = [];\r\n\r\n    components.forEach((cmp) => {\r\n      if (cmp.id === componentConfig.id) {\r\n        newComponents.push(cloneDeep(componentConfig));\r\n      } else {\r\n        newComponents.push(cmp);\r\n      }\r\n    });\r\n\r\n    page.components = newComponents; // eslint-disable-line no-param-reassign\r\n  });\r\n\r\n  return newPages;\r\n};\r\n","export const SMART_PAGE_DEFAULT_VALUES = {\r\n  BUSINESS_NAME: _TL_('Business Name'),\r\n  DESCRIPTION: _TL_('Briefly describe what your business offers. It\\'s best to include keywords customers might use to find your products or services.'),\r\n};\r\n","import { oneOf } from 'prop-types';\r\n\r\nexport const INTEGRATE_ENV_TYPE = {\r\n  MCA: 'MCA',\r\n  UP: 'UP',\r\n  STANDALONE: 'StandAlone',\r\n  UP_WIZARD: 'UpWizard',\r\n  SUB_ADS_WIZARD: 'SubAdsWizard',\r\n  SUB_ADS_WIZARD2: 'SubAdsWizard2',\r\n  STREAMLINED_WIZARD: 'StreamlinedWizard',\r\n  PMAX_LITE_WIZARD: 'PmaxLiteWizard',\r\n  NOT_STANDALONE: 'NotStandalone',\r\n};\r\n\r\nexport const envPropTypes = oneOf([\r\n  INTEGRATE_ENV_TYPE.MCA,\r\n  INTEGRATE_ENV_TYPE.UP,\r\n  INTEGRATE_ENV_TYPE.STANDALONE,\r\n  INTEGRATE_ENV_TYPE.UP_WIZARD,\r\n  INTEGRATE_ENV_TYPE.SUB_ADS_WIZARD,\r\n  INTEGRATE_ENV_TYPE.SUB_ADS_WIZARD2,\r\n  INTEGRATE_ENV_TYPE.STREAMLINED_WIZARD,\r\n  INTEGRATE_ENV_TYPE.PMAX_LITE_WIZARD,\r\n  INTEGRATE_ENV_TYPE.NOT_STANDALONE,\r\n]);\r\n","import Promise from 'bluebird';\r\n\r\n/**\r\n * Append a <script> tag to the body so that it will be loaded.\r\n * @param {String} id - Unique identifier for this script.\r\n * @param {String} src - Source URL where the script will be loaded from.\r\n * @param {String} inlineCode - JS code to insert in the script tag.\r\n * @param {Object} logger - Instrumentation logger object\r\n * @param {Number} [timeout] - Timeout in milliseconds before throwing an exception. Timeout will\r\n * occur if script host is unavailable or a browser extension interferes with the network request.\r\n * @returns {Promise} - Resolves once the script has been loaded.\r\n */\r\nexport const loadScriptAsynchronously = ({\r\n  id, src, inlineCode, logger, timeout = 5000,\r\n}) =>\r\n  new Promise((resolve) => {\r\n    if (document.getElementById(id)) {\r\n      logger.logTrace(`Found existing ${id} SDK script`);\r\n      resolve();\r\n    } else {\r\n      const element = document.createElement('script');\r\n\r\n      element.id = id;\r\n\r\n      if (src) {\r\n        element.src = src;\r\n        element.onload = resolve;\r\n      }\r\n\r\n      if (inlineCode) {\r\n        const scriptNode = document.createTextNode(inlineCode);\r\n\r\n        element.appendChild(scriptNode);\r\n        element.type = 'text/javascript';\r\n\r\n        if (!src) {\r\n          resolve();\r\n        }\r\n      }\r\n\r\n      element.async = true;\r\n\r\n      document.body.appendChild(element);\r\n\r\n      logger.logTrace(`Insert ${id} SDK script`);\r\n    }\r\n  }).timeout(timeout).catch(Promise.TimeoutError, () => {\r\n    logger.logError(`Loading script timed out after ${timeout}ms.`);\r\n  });\r\n","import { isFunction } from 'underscore';\r\n\r\n/**\r\n * Event.stopPropagation is used to stop propagating React syntheticEvent.\r\n * Say, if a child element uses Event.stopPropagation, the parent node won't handle this event.\r\n *\r\n * Event.nativeEvent.stopImmediatePropagation is used to stop propagating current event to\r\n * other handlers that also bound on same element.\r\n * Like we bind two event handlers in document node and both deal with \"click\" event,\r\n * if the first one uses stopImmediatePropagation, the second one won't execute.\r\n * @param {Object} event Event\r\n * @param {Boolean} stopReactSyntheticEvent Stop propagate React Synthetic event\r\n * @param {Boolean} stopNativeSiblingEvent Stop propagate event to other event handlers\r\n * bound on same node.\r\n * @returns {Undefined} Do nothing.\r\n */\r\nexport const preventEventPropagation = (\r\n  event,\r\n  stopReactSyntheticEvent = true,\r\n  stopNativeSiblingEvent = true\r\n) => {\r\n  if (stopReactSyntheticEvent && isFunction(event.stopPropagation)) {\r\n    event.stopPropagation();\r\n  }\r\n  if (stopNativeSiblingEvent && event.nativeEvent\r\n    && isFunction(event.nativeEvent.stopImmediatePropagation)) {\r\n    event.nativeEvent.stopImmediatePropagation();\r\n  }\r\n};\r\n","import { isEmpty } from 'underscore';\r\nimport { componentsConfig } from './component-config';\r\nimport { getComponentByType } from './site-config-reader';\r\n\r\n\r\nconst SPECIAL_NAV_MAPPING = {\r\n  [componentsConfig.introduction.type]: componentsConfig.header.type,\r\n};\r\n\r\nexport const navigateToEditingComponent = (id, type, siteConfig) => {\r\n  let elementId = id;\r\n\r\n  if (SPECIAL_NAV_MAPPING[type]) {\r\n    const component = getComponentByType(siteConfig, SPECIAL_NAV_MAPPING[type]);\r\n    if (!isEmpty(component)) {\r\n      elementId = component.id;\r\n    }\r\n  }\r\n\r\n  const element = document.getElementById(elementId);\r\n\r\n  if (element && element.scrollIntoView) {\r\n    element.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n  }\r\n};\r\n","import { updatePdlPage, updatePdlUser, triggerOmnitureEvent } from '@bingads-webui-campaign/global-app-init';\r\n\r\nexport const SP_STANDALONE_PAGE = {\r\n  SIGNUP_PAGE: {\r\n    navLevel3: 'standalone_signup',\r\n    navLevel3Title: 'Welcome to Smart Pages!',\r\n  },\r\n  EDITOR_PAGE: {\r\n    navLevel3: 'standalone_editor',\r\n    navLevel3Title: 'Smart Page Editor',\r\n  },\r\n  DASHBOARD_PAGE: {\r\n    navLevel3: 'standalone_dashboard',\r\n    navLevel3Title: 'Smart Page Dashboard',\r\n  },\r\n};\r\n\r\nexport const omnitureAccountCreated = (serverContext) => {\r\n  const {\r\n    CurrentAccount,\r\n  } = serverContext;\r\n  updatePdlUser(serverContext);\r\n  triggerOmnitureEvent({\r\n    ...SP_STANDALONE_PAGE.SIGNUP_PAGE,\r\n    user: {\r\n      aid: CurrentAccount.Id,\r\n      cid: CurrentAccount.AdvertiserCustomerID,\r\n      accountMode: CurrentAccount.AccountMode,\r\n    },\r\n  });\r\n};\r\n\r\nexport const omnitureEditorPageLoad = () => {\r\n  updatePdlPage({\r\n    ...SP_STANDALONE_PAGE.EDITOR_PAGE,\r\n  });\r\n};\r\n\r\nexport const omnitureDashboardPageLoad = () => {\r\n  updatePdlPage({\r\n    ...SP_STANDALONE_PAGE.DASHBOARD_PAGE,\r\n  });\r\n};\r\n","/**\r\n * @file localization related utility functions\r\n */\r\n\r\n/**\r\n * get locale from context or env.\r\n * Note: The returned value of this function is not a typical locale. A typical locale = language + region, while this\r\n * function might return \"en\" and it's from document.documentElement.lang\r\n * @param {Object} serverContext Server Context\r\n * @returns {String} locale.\r\n */\r\nexport const getContextLocale = (serverContext = {}) => (\r\n  serverContext.CurrentLocale\r\n  || document.documentElement.lang\r\n  || navigator.language\r\n  || 'en-us'\r\n);\r\n","import React, { useEffect, useState, useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { Image, ImageLoadState } from '@fluentui/react/lib/Image';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nconst getStyles = () => ({\r\n  img: {\r\n    '& img': {\r\n      maxWidth: '100%',\r\n    },\r\n  },\r\n  loading: {\r\n    position: 'absolute',\r\n    top: 0,\r\n  },\r\n});\r\n\r\nconst getDelay = (retryCount) => {\r\n  if (retryCount === 2) {\r\n    return 3000;\r\n  } else if (retryCount === 1) {\r\n    return 5000;\r\n  }\r\n\r\n  return 1000;\r\n};\r\n\r\nconst UnstyledSmartImageView = (props) => {\r\n  const {\r\n    src,\r\n    classes,\r\n    className,\r\n    showLoading,\r\n    retryLimit,\r\n    ...rest\r\n  } = props;\r\n  const [isLoading, setIsLoading] = useState(showLoading);\r\n  const [refreshKey, setRefreshKey] = useState(Date.now());\r\n  const { isRuntime } = useClientContext();\r\n\r\n  // For bing.com or bing-exp.com image, when it returns 404, it still returns a broken image, which couldn't trigger onerror event on image tag\r\n  const refetchImage = useCallback((count) => {\r\n    fetch(src).then((response) => {\r\n      if (!response.ok && response.status === 404 && count > 0) {\r\n        setTimeout(() => refetchImage(count - 1), getDelay(count));\r\n        // We retry and the image return ok, so we should refresh the image element\r\n      } else if (response.ok && count < retryLimit) {\r\n        setRefreshKey(Date.now());\r\n      }\r\n    });\r\n  }, [retryLimit, src]);\r\n\r\n  useEffect(() => {\r\n    // When we upload new image from BulkUpload api and read it immediately after upload, Japan user may get 404 error\r\n    // This is because the ObjectStore data replication delay, so we retry to fetch the image\r\n    // https://eng.ms/docs/experiences-devices/webxt/search-content-platform/objectstore/objectstore/objectstore-public-wiki/overview/objectstore-consistency\r\n    if (!isRuntime && retryLimit > 0) {\r\n      setTimeout(refetchImage(Math.min(retryLimit, 3)), 0);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  const onLoadingStateChange = (state) => {\r\n    if (state === ImageLoadState.loaded) {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Image\r\n        key={refreshKey}\r\n        className={classnames(classes.img, className)}\r\n        onLoadingStateChange={showLoading ? onLoadingStateChange : _.noop}\r\n        src={src}\r\n        alt=\"\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n        {...rest}\r\n      />\r\n      {\r\n        isLoading && <Loading className={classes.loading} />\r\n      }\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nUnstyledSmartImageView.propTypes = {\r\n  src: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({\r\n    img: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  className: PropTypes.string,\r\n  showLoading: PropTypes.bool,\r\n  retryLimit: PropTypes.number,\r\n};\r\n\r\nUnstyledSmartImageView.defaultProps = {\r\n  className: undefined,\r\n  showLoading: false,\r\n  retryLimit: 0,\r\n};\r\n\r\nUnstyledSmartImageView.displayName = 'SmartImageView';\r\n\r\nexport const SmartImageView = withDefaultStyles(UnstyledSmartImageView, getStyles);\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getImageUrlById,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartImageView } from './smart-image-view';\r\nimport { getResizedImageUrl } from './components/image-resize';\r\n\r\nexport const SmartImageConnector = ({\r\n  imageId,\r\n  src,\r\n  resizeWidth,\r\n  ...rest\r\n}) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const internalUrl = getImageUrlById(siteConfig, imageId);\r\n  const url = getResizedImageUrl(internalUrl, resizeWidth) || src;\r\n\r\n  return (\r\n    url\r\n      ? <SmartImageView src={url} {...rest} />\r\n      : null\r\n  );\r\n};\r\n\r\nSmartImageConnector.propTypes = {\r\n  // below two are mutually exclusive\r\n  imageId: PropTypes.string,\r\n  src: PropTypes.string,\r\n  resizeWidth: PropTypes.number,\r\n};\r\n\r\nSmartImageConnector.defaultProps = {\r\n  imageId: undefined,\r\n  src: undefined,\r\n  resizeWidth: undefined,\r\n};\r\n","export const getResizedImageUrl = (src, resizeWidth) => {\r\n  let url = src;\r\n\r\n  if (url && resizeWidth) {\r\n    url = src.replace(/&w=[^&]+&/, '');\r\n    url += `&w=${resizeWidth}`;\r\n  }\r\n\r\n  return url;\r\n};\r\n","import { useContext } from 'react';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { getImageMetaById } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const useImageMeta = ({\r\n  imageId,\r\n}) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const image = getImageMetaById(siteConfig, imageId);\r\n\r\n  return image;\r\n};\r\n","export const ImageOptionsKey = {\r\n  DEFAULT: 'default',\r\n  UPLOAD: 'uploadlocal',\r\n  FACEBOOKIMPORT: 'fbimport',\r\n};\r\n","import { useContext, useCallback } from 'react';\r\nimport { compact } from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport {\r\n  DataServiceContext,\r\n  useEditorStatusContext,\r\n  editorStatusLoadingWrapperForPromise,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useFloatingBannerMessage } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const useUploadService = () => {\r\n  const { imageService } = useContext(DataServiceContext);\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const { showWarning } = useFloatingBannerMessage(dispatchEditorStatus);\r\n  const i18n = useContext(I18nContext);\r\n\r\n  const uploadImageAsync = useCallback(\r\n    imageData =>\r\n      new Promise((resolve, reject) =>\r\n        imageService\r\n          .upload(imageData)\r\n          .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus))\r\n          .then(response => imageService.get(response.imageId))\r\n          .then((imageMetaData) => {\r\n            resolve(imageMetaData);\r\n          })\r\n          .catch(reject))\r\n    , [dispatchEditorStatus, imageService]\r\n  );\r\n\r\n  const bulkUploadImagesByUrlsAsync = useCallback(\r\n    (images) => {\r\n      const handleErrors = () => {\r\n        showWarning(i18n.getString(_TL_('Data in one or more media has invalid Width, Height or Format.')));\r\n      };\r\n\r\n      return imageService.bulkUpsert(images, handleErrors)\r\n        .then((results) => {\r\n          const imageIds = compact(results.map(res => res.imageId)); // filter out errored ones\r\n          const uploadUrls = compact(results.map(res => res.uploadUrl)); // filter out errored ones\r\n\r\n          // Add upload url back to image meta data so we could match return result with inputs\r\n          return imageService.batchGet(imageIds)\r\n            .then(imageMetaData =>\r\n              // imageIds and uploadUrls order should match\r\n              imageMetaData.map((data, index) => ({ ...data, uploadUrl: uploadUrls[index] })));\r\n        });\r\n    }\r\n    , [i18n, imageService, showWarning]\r\n  );\r\n\r\n  return {\r\n    uploadImageAsync,\r\n    bulkUploadImagesByUrlsAsync,\r\n  };\r\n};\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Promise from 'bluebird';\r\nimport { contains, noop } from 'underscore';\r\n\r\nimport { DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useDefaultEditorStyle } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst ImageConstraints = {\r\n  minWidth: 40,\r\n  minHeight: 40,\r\n  allowedFileExtensions: [\r\n    '.png',\r\n    '.jpg',\r\n    '.jpeg',\r\n  ],\r\n  maxSize: 30 * 1024 * 1024,\r\n};\r\n\r\nfunction getFileExtension(name) {\r\n  const matches = name.match(/.*(\\.[^.]+)$/);\r\n\r\n  return matches && matches[1] && matches[1].toLowerCase();\r\n}\r\n\r\nconst validateImageDimensionsAsync = imageData => new Promise((resolve, reject) => {\r\n  const img = new Image();\r\n\r\n  img.onload = () => {\r\n    if (img.naturalWidth < ImageConstraints.minWidth ||\r\n      img.naturalHeight < ImageConstraints.minHeight) {\r\n      // eslint-disable-next-line prefer-promise-reject-errors\r\n      reject({\r\n        minWidth: ImageConstraints.minWidth,\r\n        minHeight: ImageConstraints.minHeight,\r\n      });\r\n    } else {\r\n      resolve(imageData);\r\n    }\r\n  };\r\n\r\n  img.src = imageData;\r\n});\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  input: {},\r\n  container: {\r\n    margin: '16px 0 0 25px',\r\n    '& $input': {\r\n      display: 'none',\r\n    },\r\n  },\r\n  uploadBtnContainer: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    '& .ms-Button-label': {\r\n      whiteSpace: 'nowrap',\r\n    },\r\n  },\r\n  fileName: {\r\n    marginLeft: 8,\r\n    width: '70%',\r\n    overflow: 'hidden',\r\n    whiteSpace: 'nowrap',\r\n    textOverflow: 'ellipsis',\r\n  },\r\n  icon: {\r\n    color: palette.themePrimary,\r\n  },\r\n  formatMsg: {\r\n    marginTop: 8,\r\n    color: palette.neutralSecondary,\r\n    fontSize: 12,\r\n  },\r\n  error: {\r\n    color: '#a80000',\r\n  },\r\n});\r\n\r\nconst UnStyledImageUploadLocal = ({\r\n  i18n,\r\n  onFileSelected,\r\n  classes,\r\n  className,\r\n  btnClassName,\r\n  label,\r\n  hidden,\r\n  defaultFileName,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => {\r\n  const fileInput = useRef(null);\r\n  const [fileName, setFileName] = useState(defaultFileName);\r\n  const [errorMsg, setErrorMsg] = useState('');\r\n  const {\r\n    sectionTitleClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const onButtonClicked = () => {\r\n    fileInput.current.click();\r\n  };\r\n  const handleFileChange = (event) => {\r\n    const { target: { files: [file] } } = event;\r\n\r\n    if (!file) {\r\n      setFileName(null);\r\n      setErrorMsg(null);\r\n      onFileSelected(null);\r\n    } else {\r\n      const { name, size } = file;\r\n\r\n      setFileName(name);\r\n      if (!contains(ImageConstraints.allowedFileExtensions, getFileExtension(name))) {\r\n        setErrorMsg(i18n.getString(_TL_('Please upload a .jpg, .jpeg, or .png image.')));\r\n        onFileSelected(null);\r\n      } else if (size > ImageConstraints.maxSize) {\r\n        setErrorMsg(i18n.getString(_TL_('The image you\\'ve uploaded is too large. Make sure the size of the uploaded image does not exceed {{maxSize}}MB and try again.'), {\r\n          maxSize: ImageConstraints.maxSize / 1024 / 1024,\r\n        }));\r\n        onFileSelected(null);\r\n      } else {\r\n        const reader = new FileReader();\r\n\r\n        reader.onload = (e) => {\r\n          const imageData = e.target.result;\r\n\r\n          return validateImageDimensionsAsync(imageData)\r\n            .then(() => {\r\n              setErrorMsg(null);\r\n              onFileSelected({ imageData, file });\r\n            })\r\n            .catch((err) => {\r\n              setErrorMsg(i18n.getString(_TL_('The image you\\'ve uploaded is too small. Make sure images are at least {{width}} x {{height}} pixels and try again.'), {\r\n                width: err.minWidth,\r\n                height: err.minHeight,\r\n              }));\r\n              onFileSelected(null);\r\n            });\r\n        };\r\n\r\n        reader.readAsDataURL(file);\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (itemToUnselect && itemToUnselect.file) {\r\n      setFileName(null);\r\n      setErrorMsg(null);\r\n      resetItemToUnselect(itemToUnselect);\r\n    }\r\n  }, [itemToUnselect, resetItemToUnselect]);\r\n\r\n  return hidden ? null : (\r\n    <div className={classnames('upload-local-section', className)}>\r\n      {label && <div className={sectionTitleClassName}>{label}</div>}\r\n      <div className={classnames(classes.container, btnClassName)}>\r\n        <div className={classes.uploadBtnContainer}>\r\n          <DefaultButton\r\n            ariaLabel={label}\r\n            iconProps={{ iconName: 'Upload', className: classes.icon }}\r\n            onClick={onButtonClicked}\r\n          >\r\n            {i18n.getString(_TL_('Upload'))}\r\n          </DefaultButton>\r\n          <div\r\n            className={classnames(classes.fileName, 'smart-page-uploaded-file-name')}\r\n            title={fileName}\r\n          >\r\n            {fileName}\r\n          </div>\r\n        </div>\r\n        <input\r\n          ref={fileInput}\r\n          type=\"file\"\r\n          accept=\".png,.jpg,.jpeg\"\r\n          onChange={handleFileChange}\r\n          className={classes.input}\r\n        />\r\n        <div className={classnames(classes.error, 'smart-page-upload-error')}>{errorMsg}</div>\r\n        <div className={classes.formatMsg}>\r\n          {i18n.getString(_TL_('Supported formats: .jpg, .jpeg, or .png'))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledImageUploadLocal.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  className: PropTypes.string,\r\n  btnClassName: PropTypes.string,\r\n  onFileSelected: PropTypes.func.isRequired,\r\n  label: PropTypes.string,\r\n  hidden: PropTypes.bool,\r\n  defaultFileName: PropTypes.string,\r\n  itemToUnselect: PropTypes.shape({}),\r\n  resetItemToUnselect: PropTypes.func,\r\n};\r\n\r\nUnStyledImageUploadLocal.defaultProps = {\r\n  className: undefined,\r\n  btnClassName: undefined,\r\n  label: undefined,\r\n  hidden: false,\r\n  defaultFileName: null,\r\n  itemToUnselect: null,\r\n  resetItemToUnselect: noop,\r\n};\r\n\r\nexport const ImageUploadLocal = withDefaultStyles(UnStyledImageUploadLocal, getStyles);\r\n","/* eslint-disable react/prop-types */\r\nimport React from 'react';\r\nimport { map, compact } from 'underscore';\r\n\r\nimport { ImageUploadLocal } from './image-upload-local';\r\nimport { ImageOptionsKey } from './consts';\r\n\r\nconst commonOptionStylesProp = {\r\n  field: {\r\n    fontWeight: 400,\r\n    padding: 0,\r\n  },\r\n};\r\n\r\nconst getChoiceGroupOptions = ({\r\n  i18n,\r\n  options,\r\n}) => map(options, ({\r\n  key,\r\n  text,\r\n  onRenderBelowField = () => null,\r\n  disabled,\r\n}) => ({\r\n  key,\r\n  text: i18n.getString(text),\r\n  disabled,\r\n  styles: {\r\n    ...commonOptionStylesProp,\r\n  },\r\n  onRenderField: (props, render) => (\r\n    <div className=\"smart-page-image-editor-field\">\r\n      {props && render(props)}\r\n      {onRenderBelowField(props.checked)}\r\n    </div>\r\n  ),\r\n  height: 18,\r\n  width: 18,\r\n}));\r\n\r\nexport const getImageOptions = ({\r\n  i18n,\r\n  imageOptionsConfig,\r\n  enableFacebookImport,\r\n  onFileSelected,\r\n  uploadedFileInfo,\r\n  isMobile,\r\n}) => {\r\n  const options = compact([\r\n    {\r\n      key: ImageOptionsKey.DEFAULT,\r\n      text: imageOptionsConfig[ImageOptionsKey.DEFAULT].text,\r\n      onRenderBelowField: imageOptionsConfig[ImageOptionsKey.DEFAULT].onRenderBelowField,\r\n    },\r\n    {\r\n      key: ImageOptionsKey.UPLOAD,\r\n      text: _TL_('Upload your own'),\r\n      onRenderBelowField:\r\n        checked => (<ImageUploadLocal\r\n          i18n={i18n}\r\n          onFileSelected={onFileSelected}\r\n          hidden={!checked}\r\n          defaultFileName={uploadedFileInfo && uploadedFileInfo.file && uploadedFileInfo.file.name}\r\n        />),\r\n    },\r\n    isMobile ? null : {\r\n      key: ImageOptionsKey.FACEBOOKIMPORT,\r\n      text: imageOptionsConfig[ImageOptionsKey.FACEBOOKIMPORT].text,\r\n      disabled: !enableFacebookImport,\r\n    },\r\n  ]);\r\n\r\n  const finalImageOptions = getChoiceGroupOptions({\r\n    i18n,\r\n    options,\r\n  });\r\n\r\n  return finalImageOptions;\r\n};\r\n","import React, { useCallback, useRef, useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty, isEqual, noop, omit } from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { List } from '@fluentui/react/lib/List';\r\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react/lib/FocusZone';\r\nimport { SelectableItemView, PageNavigationFooter } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nconst IMAGE_MARGIN_RIGHT = 12;\r\nconst IMAGE_MARGIN_BOTTOM = 12;\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    position: 'relative',\r\n  },\r\n  item: {\r\n    float: 'left',\r\n    margin: `0 ${IMAGE_MARGIN_RIGHT}px ${IMAGE_MARGIN_BOTTOM}px 0`,\r\n    padding: 0,\r\n  },\r\n  clearFloat: {\r\n    clear: 'both',\r\n  },\r\n  navWrap: {\r\n    display: 'flex',\r\n    position: 'absolute',\r\n    justifyContent: 'center',\r\n    width: '100%',\r\n    bottom: '14px',\r\n  },\r\n  noImageContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n  },\r\n  tipsMsg: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  pagerIcon: {\r\n    padding: '0',\r\n  },\r\n  horizontalListView: {\r\n    overflowX: 'auto',\r\n    whiteSpace: 'nowrap',\r\n    padding: '10px 5px',\r\n\r\n    '& .ms-List-page, & .ms-List-cell': {\r\n      display: 'inline-block',\r\n    },\r\n  },\r\n});\r\n\r\nexport const UnStyledSelectImagesListView = ({\r\n  items,\r\n  classes,\r\n  onRenderImageItem,\r\n  selectable,\r\n  onItemSelectionChanged,\r\n  onSelectionChanged,\r\n  imageWidth,\r\n  imageHeight,\r\n  pageHeight,\r\n  i18n,\r\n  isMultiple,\r\n  noImageTips,\r\n  showPagination,\r\n  itemsPerPage,\r\n  horizontal,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => {\r\n  const columnCount = useRef(0);\r\n  const [viewItems, setViewItems] = useState([]);\r\n  const [pageIndex, setPageIndex] = useState(0);\r\n  const offsetIndex = pageIndex * itemsPerPage;\r\n\r\n  const handleOnItemSelectionChanged = useCallback((item, index) => {\r\n    let newItems = [...viewItems];\r\n\r\n    if (!isMultiple) {\r\n      newItems = newItems.map(it => ({ ...it, selected: false }));\r\n      newItems[index + offsetIndex].selected = true;\r\n    } else {\r\n      newItems[index + offsetIndex].selected = !newItems[index + offsetIndex].selected;\r\n    }\r\n\r\n    setViewItems(newItems);\r\n    onSelectionChanged(newItems);\r\n    onItemSelectionChanged(item);\r\n  }, [viewItems, isMultiple, onItemSelectionChanged, offsetIndex, onSelectionChanged]);\r\n\r\n  const onRenderCell = useCallback(\r\n    (item, index) => {\r\n      const { selected, isDisabled } = item;\r\n\r\n      return (\r\n        <SelectableItemView\r\n          item={item}\r\n          selectable={selectable}\r\n          disabled={isDisabled}\r\n          selected={selected}\r\n          onChange={() => { handleOnItemSelectionChanged(item, index); }}\r\n          className={classes.item}\r\n          width={imageWidth}\r\n          height={imageHeight}\r\n          onRenderItem={() => onRenderImageItem(item, index)}\r\n          ariaLabel={i18n.getString(_TL_('Image {{number}}'), { number: index + 1 })}\r\n          isMultiple={isMultiple}\r\n        />\r\n      );\r\n    },\r\n    [\r\n      imageWidth,\r\n      imageHeight,\r\n      classes.item,\r\n      onRenderImageItem,\r\n      selectable,\r\n      handleOnItemSelectionChanged,\r\n      i18n,\r\n      isMultiple,\r\n    ]\r\n  );\r\n\r\n  useEffect(() => {\r\n    setViewItems([...items]);\r\n  }, [items]);\r\n\r\n  useEffect(() => {\r\n    /**\r\n     * Pass by parent, when it present, this component will try to unselect it from its list\r\n     * If it found it, then will unselect it an tell parent it has been unselected\r\n     */\r\n    if (itemToUnselect) {\r\n      const targetIndex = viewItems.findIndex(item => isEqual(omit(itemToUnselect, 'selected'), omit(item, 'selected')));\r\n      if (targetIndex > -1) {\r\n        const newViewItems = [...viewItems];\r\n        newViewItems[targetIndex].selected = false;\r\n        setViewItems(newViewItems);\r\n        // Notify parent that this item has been unselected successfully\r\n        resetItemToUnselect(itemToUnselect);\r\n      }\r\n    }\r\n  }, [itemToUnselect, resetItemToUnselect, viewItems]);\r\n\r\n  const getPageHeight = useCallback(() => pageHeight, [pageHeight]);\r\n  const getItemCountForPage = useCallback((itemIndex, surfaceRect) => {\r\n    if (itemIndex === 0) {\r\n      columnCount.current = Math.floor(surfaceRect.width / (imageWidth + IMAGE_MARGIN_RIGHT));\r\n    }\r\n    return Math.ceil(pageHeight / (imageHeight + IMAGE_MARGIN_BOTTOM))\r\n      * columnCount.current;\r\n  }, [pageHeight, imageWidth, imageHeight]);\r\n\r\n  return (\r\n    <div\r\n      className={classNames(\r\n        classes.container,\r\n        isEmpty(viewItems) ? classes.noImageContainer : null,\r\n        'smart-page-select-image-list-view'\r\n      )}\r\n      style={showPagination ? { height: pageHeight } : {}}\r\n    >\r\n      {\r\n        viewItems.length > 0 ?\r\n          <FocusZone direction={FocusZoneDirection.bidirectional}>\r\n            <List\r\n              className={horizontal ? classes.horizontalListView : null}\r\n              items={\r\n                showPagination ?\r\n                  viewItems.slice(offsetIndex, offsetIndex + itemsPerPage)\r\n                  : viewItems\r\n              }\r\n              getPageHeight={getPageHeight}\r\n              getItemCountForPage={getItemCountForPage}\r\n              onRenderCell={onRenderCell}\r\n              ignoreScrollingState\r\n            />\r\n          </FocusZone>\r\n          :\r\n          <div className={classes.tipsMsg}>\r\n            {i18n.getString(noImageTips)}\r\n          </div>\r\n      }\r\n      <div className={classes.clearFloat} />\r\n      {\r\n        showPagination && viewItems.length > 0 ?\r\n          <div className={classes.navWrap}>\r\n            <PageNavigationFooter\r\n              pageIndex={pageIndex}\r\n              totalPageNumber={Math.ceil(items.length / itemsPerPage)}\r\n              onNextPageClick={() => setPageIndex(pageIndex + 1)}\r\n              onPreviousPageClick={() => setPageIndex(pageIndex - 1)}\r\n              onRandomPageSelect={index => setPageIndex(index)}\r\n              classes={classes}\r\n              i18n={i18n}\r\n            />\r\n          </div>\r\n          : null\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSelectImagesListView.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.any),\r\n  imageWidth: PropTypes.number.isRequired,\r\n  imageHeight: PropTypes.number.isRequired,\r\n  pageHeight: PropTypes.number.isRequired,\r\n  onRenderImageItem: PropTypes.func.isRequired,\r\n  onItemSelectionChanged: PropTypes.func,\r\n  onSelectionChanged: PropTypes.func,\r\n  selectable: PropTypes.bool,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  isMultiple: PropTypes.bool,\r\n  noImageTips: PropTypes.string,\r\n  showPagination: PropTypes.bool,\r\n  itemsPerPage: PropTypes.number,\r\n  horizontal: PropTypes.bool,\r\n  itemToUnselect: PropTypes.shape({}),\r\n  resetItemToUnselect: PropTypes.func,\r\n};\r\n\r\nUnStyledSelectImagesListView.defaultProps = {\r\n  items: [],\r\n  selectable: false,\r\n  onItemSelectionChanged: noop,\r\n  onSelectionChanged: noop,\r\n  isMultiple: false,\r\n  noImageTips: _TL_('This is where your images will appear.'),\r\n  showPagination: false,\r\n  itemsPerPage: 6,\r\n  horizontal: false,\r\n  itemToUnselect: null,\r\n  resetItemToUnselect: noop,\r\n};\r\n\r\nexport const SelectImagesListView = withDefaultStyles(\r\n  UnStyledSelectImagesListView,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\n\r\nimport { ImageFit } from '@fluentui/react/lib/Image';\r\n\r\nimport { SmartImageConnector as SmartImage } from '../../src/smart-image-connector';\r\n\r\nexport const ImageItemView = props => (\r\n  <SmartImage\r\n    imageFit={ImageFit.contain}\r\n    maximizeFrame\r\n    {...props}\r\n  />\r\n);\r\n","import React, { useContext, useMemo } from 'react';\r\nimport { any, arrayOf, node } from 'prop-types';\r\nimport _ from 'underscore';\r\n\r\nexport const PivotImageEditorContext = React.createContext({\r\n  selectionIds: [],\r\n});\r\n\r\nexport const PivotImageEditorContextProvider = ({\r\n  children, selection,\r\n}) => {\r\n  const value = useMemo(() => ({\r\n    selectionIds: _.compact(selection.map(s => s.id || s.Id)),\r\n  }), [selection]);\r\n\r\n  return (\r\n    <PivotImageEditorContext.Provider value={value}>\r\n      {children}\r\n    </PivotImageEditorContext.Provider>\r\n  );\r\n};\r\n\r\nPivotImageEditorContextProvider.propTypes = {\r\n  children: node.isRequired,\r\n  selection: arrayOf(any),\r\n};\r\n\r\nPivotImageEditorContextProvider.defaultProps = {\r\n  selection: [],\r\n};\r\n\r\nexport const usePivotImageEditorContext = () => useContext(PivotImageEditorContext);\r\n","import React, { useEffect, useState, useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { noop, isEmpty, compact } from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useContentSuggestions, ContentSuggestionOption } from '@bingads-webui-campaign-react/smart-page-data-service';\r\nimport { Stack, SearchBox } from '@fluentui/react';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { useIsM365Premium, useMobileSupportEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getStockImageThumbnailUrl,\r\n  getStockImageOriginalUrl,\r\n  disableImportedImages,\r\n  getUrlFromStockImage,\r\n  ImageSource,\r\n  getPathFromUrl,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SelectImagesListView } from './select-images-list-view';\r\nimport { ImageItemView } from './image-item-view';\r\nimport { usePivotImageEditorContext } from '../smart-pivot-image-editor-context';\r\n\r\nconst getStyles = () => ({\r\n  keywordInput: {\r\n    maxWidth: '435px',\r\n  },\r\n  container: {\r\n    margin: '25px 0 10px',\r\n    position: 'relative',\r\n  },\r\n  loading: {\r\n    height: '430px',\r\n    backgroundColor: 'transparent',\r\n  },\r\n  liveMessage: {\r\n    position: 'absolute',\r\n    top: '0',\r\n    fontSize: 10,\r\n    zIndex: -1,\r\n  },\r\n});\r\n\r\nconst onRenderSuggestedImageItem = item => (\r\n  <ImageItemView src={item.externalSrc} showLoading />\r\n);\r\n\r\nexport const UnStyledSelectImagesListViewWithSearch = ({\r\n  classes,\r\n  defaultKeywords,\r\n  onItemSelectionChanged,\r\n  onSelectionChanged,\r\n  imageWidth,\r\n  imageHeight,\r\n  pageHeight,\r\n  i18n,\r\n  isMultiple,\r\n  itemsPerPage,\r\n  className,\r\n  shouldResetSelection,\r\n  existingImages,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => {\r\n  const [viewItems, setViewItems] = useState([]);\r\n  const [searchKeywordsInput, setSearchKeywordsInput] = useState((defaultKeywords || []).join(', '));\r\n  const searchKeywords = useMemo(() => compact(searchKeywordsInput.split(',').map(kw => kw.trim())), [searchKeywordsInput]);\r\n\r\n  const isMobile = useMobileSupportEnabled();\r\n  const isM365Premium = useIsM365Premium();\r\n  const { selectionIds } = usePivotImageEditorContext();\r\n  const itemToUnselectInternal = itemToUnselect ? { ...itemToUnselect } : null;\r\n  // If the item is stock image, we change its url to thumbnail (required by child)\r\n  if (itemToUnselectInternal && getUrlFromStockImage(itemToUnselectInternal)) {\r\n    itemToUnselectInternal.externalSrc = getStockImageThumbnailUrl(itemToUnselectInternal);\r\n  }\r\n\r\n  const { imageSuggestions, isLoading } = useContentSuggestions(\r\n    null /* biz name */,\r\n    searchKeywords,\r\n    ContentSuggestionOption.ImageOnly,\r\n    !isEmpty(searchKeywords) /* initWithLoading, so we won't show no suggestion in the first load */\r\n  );\r\n\r\n  const noTipsMessage = isM365Premium\r\n    ? _TL_('No image suggestions, please input a keyword or enter a new one.')\r\n    : _TL_('No image suggestions.');\r\n\r\n  const searchResultMessage = viewItems.length > 0\r\n    ? i18n.getString(_TL_('{{number}} images suggestion available for {{searchKey}}'), { number: viewItems.length, searchKey: searchKeywordsInput })\r\n    : i18n.getString(noTipsMessage);\r\n\r\n  // We passed down the src with thumbnail, when bubble up, need to restore it\r\n  const handleResetItemToUnselect = useCallback((item) => {\r\n    const itemToReset = {\r\n      ...item,\r\n      externalSrc: getStockImageOriginalUrl(item),\r\n    };\r\n    resetItemToUnselect(itemToReset);\r\n  }, [resetItemToUnselect]);\r\n\r\n  const handleSearchQueryChange = useCallback((e, value) => {\r\n    setSearchKeywordsInput(value || '');\r\n  }, []);\r\n\r\n  const handleOnSelectionChanged = useCallback((items) => {\r\n    const finalItems = items.map(item => ({\r\n      ...item,\r\n      externalSrc: getStockImageOriginalUrl(item),\r\n    }));\r\n    onSelectionChanged(finalItems);\r\n  }, [onSelectionChanged]);\r\n\r\n  const handleOnItemSelectionChanged = useCallback((item) => {\r\n    const finalItem = {\r\n      ...item,\r\n      externalSrc: getStockImageOriginalUrl(item),\r\n    };\r\n    onItemSelectionChanged(finalItem);\r\n  }, [onItemSelectionChanged]);\r\n\r\n  useEffect(() => {\r\n    if (imageSuggestions) {\r\n      const finalSuggestions = disableImportedImages(imageSuggestions.map(item => ({\r\n        externalSrc: item.ImageUrl,\r\n        source: item.ImageSource,\r\n        id: getPathFromUrl(item.ImageUrl),\r\n      })), existingImages, ImageSource.StockImage);\r\n\r\n      const suggestionsViewItems = finalSuggestions.map(sug => ({\r\n        ...sug,\r\n        externalSrc: getStockImageThumbnailUrl(sug),\r\n        selected: selectionIds.includes(sug.id),\r\n      }));\r\n\r\n      setViewItems(suggestionsViewItems);\r\n    } else {\r\n      setViewItems([]);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [imageSuggestions, existingImages]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className={classNames('select-images-list-view-with-search', classes.container, className)}>\r\n        <Stack tokens={{ childrenGap: '10px' }}>\r\n          <SearchBox\r\n            className={classNames('image-suggestion-search', classes.keywordInput)}\r\n            value={searchKeywordsInput}\r\n            onChange={handleSearchQueryChange}\r\n            placeholder={i18n.getString(_TL_('Search images'))}\r\n            ariaLabel={i18n.getString(_TL_('Search images'))}\r\n            showIcon\r\n          />\r\n          <Stack.Item grow>\r\n            {\r\n              isLoading ? <Loading className={classes.loading} />\r\n                : <SelectImagesListView\r\n                  items={viewItems}\r\n                  // Tmp solution for infinite vertical rendering\r\n                  // TODO dynamically set width base on container\r\n                  pageHeight={isMobile ? 9999 : pageHeight}\r\n                  imageWidth={isMobile ? 155 : imageWidth}\r\n                  imageHeight={isMobile ? 120 : imageHeight}\r\n                  onRenderImageItem={onRenderSuggestedImageItem}\r\n                  onItemSelectionChanged={handleOnItemSelectionChanged}\r\n                  onSelectionChanged={handleOnSelectionChanged}\r\n                  selectable\r\n                  isMultiple={isMultiple}\r\n                  i18n={i18n}\r\n                  itemsPerPage={itemsPerPage}\r\n                  showPagination={!isMobile}\r\n                  shouldResetSelection={shouldResetSelection}\r\n                  itemToUnselect={itemToUnselectInternal}\r\n                  resetItemToUnselect={handleResetItemToUnselect}\r\n                  noImageTips={noTipsMessage}\r\n                />\r\n            }\r\n          </Stack.Item>\r\n          <div role=\"region\" aria-live=\"polite\" className={classes.liveMessage}>\r\n            <span>{searchResultMessage}</span>\r\n          </div>\r\n        </Stack>\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nUnStyledSelectImagesListViewWithSearch.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  imageWidth: PropTypes.number.isRequired,\r\n  imageHeight: PropTypes.number.isRequired,\r\n  pageHeight: PropTypes.number.isRequired,\r\n  onItemSelectionChanged: PropTypes.func,\r\n  onSelectionChanged: PropTypes.func,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  isMultiple: PropTypes.bool,\r\n  defaultKeywords: PropTypes.arrayOf(PropTypes.string),\r\n  itemsPerPage: PropTypes.number,\r\n  className: PropTypes.string,\r\n  shouldResetSelection: PropTypes.bool,\r\n  existingImages: PropTypes.arrayOf(PropTypes.any),\r\n  itemToUnselect: PropTypes.shape({}),\r\n  resetItemToUnselect: PropTypes.func,\r\n};\r\n\r\nUnStyledSelectImagesListViewWithSearch.defaultProps = {\r\n  onItemSelectionChanged: noop,\r\n  onSelectionChanged: noop,\r\n  isMultiple: false,\r\n  defaultKeywords: [],\r\n  itemsPerPage: 6,\r\n  className: null,\r\n  shouldResetSelection: false,\r\n  existingImages: [],\r\n  itemToUnselect: null,\r\n  resetItemToUnselect: noop,\r\n};\r\n\r\nexport const SelectImagesListViewWithSearch = withDefaultStyles(\r\n  UnStyledSelectImagesListViewWithSearch,\r\n  getStyles\r\n);\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty, noop } from 'underscore';\r\nimport classnames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { PrimaryButton } from '@fluentui/react/lib/Button';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getThumbnailUrlForFacebookPhoto,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SelectImagesListView } from './select-images-list-view';\r\nimport { ImageItemView } from './image-item-view';\r\nimport { usePivotImageEditorContext } from '../smart-pivot-image-editor-context';\r\n\r\nconst getStyles = () => ({\r\n  placeholderMsg: {\r\n    paddingBottom: 32,\r\n    textAlign: 'center',\r\n  },\r\n});\r\n\r\nconst UnStyledFacebookPhotosListView = ({\r\n  i18n,\r\n  onItemSelectionChanged,\r\n  items,\r\n  isFbSupported,\r\n  classes,\r\n  gotoSettings,\r\n  imageWidth,\r\n  imageHeight,\r\n  pageHeight,\r\n  className,\r\n  itemsPerPage,\r\n  isMultiple,\r\n  shouldResetSelection,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => {\r\n  const {\r\n    infoMessageBarClassName,\r\n  } = useDefaultEditorStyle();\r\n  const noData = isEmpty(items);\r\n  const onRenderImageItem = item => (\r\n    <ImageItemView src={getThumbnailUrlForFacebookPhoto(item)} />\r\n  );\r\n\r\n  const { selectionIds } = usePivotImageEditorContext();\r\n  const finalItems = useMemo(() => items.map(item => ({\r\n    ...item,\r\n    selected: selectionIds.includes(item.Id),\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  })), [items]);\r\n\r\n  return (\r\n    <div className={className}>\r\n      {\r\n        noData ?\r\n          (\r\n            <div className={classnames(classes.placeholderMsg, 'smart-page-gallery-no-fb-photos-msg')}>\r\n              {isFbSupported ?\r\n                <MessageBar isMultiline className={infoMessageBarClassName}>\r\n                  {i18n.getString(_TL_('There are no Facebook images to import.'))}\r\n                </MessageBar> :\r\n                <PrimaryButton\r\n                  onClick={gotoSettings}\r\n                  text={i18n.getString(_TL_('Connect my Facebook page'))}\r\n                />\r\n              }\r\n            </div>\r\n          )\r\n          :\r\n          (\r\n            <SelectImagesListView\r\n              items={finalItems}\r\n              pageHeight={pageHeight}\r\n              imageWidth={imageWidth}\r\n              imageHeight={imageHeight}\r\n              onRenderImageItem={onRenderImageItem}\r\n              onItemSelectionChanged={onItemSelectionChanged}\r\n              selectable\r\n              isMultiple={isMultiple}\r\n              showPagination\r\n              i18n={i18n}\r\n              itemsPerPage={itemsPerPage}\r\n              shouldResetSelection={shouldResetSelection}\r\n              itemToUnselect={itemToUnselect}\r\n              resetItemToUnselect={resetItemToUnselect}\r\n            />\r\n          )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledFacebookPhotosListView.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    imageId: PropTypes.string,\r\n  })),\r\n  onItemSelectionChanged: PropTypes.func,\r\n  isFbSupported: PropTypes.bool.isRequired,\r\n  classes: PropTypes.shape({\r\n    placeholderMsg: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n  imageWidth: PropTypes.number.isRequired,\r\n  pageHeight: PropTypes.number.isRequired,\r\n  imageHeight: PropTypes.number.isRequired,\r\n  className: PropTypes.string,\r\n  itemsPerPage: PropTypes.number,\r\n  isMultiple: PropTypes.bool,\r\n  shouldResetSelection: PropTypes.bool,\r\n  itemToUnselect: PropTypes.shape({}),\r\n  resetItemToUnselect: PropTypes.func,\r\n};\r\n\r\nUnStyledFacebookPhotosListView.defaultProps = {\r\n  items: [],\r\n  className: null,\r\n  itemsPerPage: 6,\r\n  onItemSelectionChanged: noop,\r\n  isMultiple: true,\r\n  shouldResetSelection: false,\r\n  itemToUnselect: null,\r\n  resetItemToUnselect: noop,\r\n};\r\n\r\nexport const FacebookPhotosListView = withDefaultStyles(\r\n  UnStyledFacebookPhotosListView,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport { map, compact } from 'underscore';\r\nimport classnames from 'classnames';\r\n\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { ImageUploadLocal } from './image-upload-local';\r\nimport { SelectImagesListViewWithSearch } from './select-images-list-view-with-search';\r\nimport { FacebookPhotosListView } from './facebook-photos-list-view';\r\nimport { ImageOptionsKey } from './consts';\r\n\r\nconst getPivotItemOptions = options =>\r\n  map(options, ({\r\n    key,\r\n    text,\r\n    onRenderItemLink = () => null,\r\n  }) => ({\r\n    key,\r\n    text,\r\n    onRenderItemLink: args => (\r\n      <div className=\"smart-page-image-editor-pivot-item\">\r\n        {onRenderItemLink(args)}\r\n      </div>\r\n    ),\r\n  }));\r\n\r\nconst IMAGE_WIDTH = 200;\r\nconst IMAGE_HEIGHT = 160;\r\nconst PAGE_HEIGHT = 432;\r\n\r\nconst imageProps = {\r\n  imageWidth: IMAGE_WIDTH,\r\n  imageHeight: IMAGE_HEIGHT,\r\n  pageHeight: PAGE_HEIGHT,\r\n};\r\n\r\nconst getDefaultPivotItemRenderForStockImage = ({\r\n  i18n,\r\n  classes,\r\n  onStockImageItemSelectionChanged,\r\n  defaultKeywords,\r\n  itemsPerPage = 8,\r\n  isMultiple = true,\r\n  existingImages,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => props => (\r\n  <div className={classes.editorPivotStyleContentClassName}>\r\n    <SelectImagesListViewWithSearch\r\n      onItemSelectionChanged={onStockImageItemSelectionChanged}\r\n      isMultiple={isMultiple}\r\n      i18n={i18n}\r\n      itemsPerPage={itemsPerPage}\r\n      defaultKeywords={defaultKeywords}\r\n      existingImages={existingImages}\r\n      itemToUnselect={itemToUnselect}\r\n      resetItemToUnselect={resetItemToUnselect}\r\n      {...imageProps}\r\n      {...props}\r\n    />\r\n  </div>\r\n);\r\n\r\nconst getDefaultPivotItemRenderForFacebook = ({\r\n  i18n,\r\n  classes,\r\n  isFbSupported,\r\n  itemsPerPage,\r\n  gotoSettings,\r\n  onFacebookItemSelectionChanged,\r\n  fbPhotos,\r\n  isMultiple = true,\r\n  isLoadingFbPhotos,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n}) => props => (\r\n  <div className={classnames('facebook-import-gallery-images-content-container', classes.editorPivotStyleContentClassName)}>\r\n    {\r\n      !isFbSupported &&\r\n      <MessageBar\r\n        className={classnames(classes.infoMessageBarClassName, classes.connectFacebookMsg, 'smart-page-gallery-connect-fb-info')}\r\n        isMultiline\r\n      >\r\n        {i18n.getString(_TL_('Connect your Facebook page to add images.'))}\r\n      </MessageBar>\r\n    }\r\n    <br />\r\n    {\r\n      isLoadingFbPhotos\r\n        ? <Loading className={classes.loading} />\r\n        : <FacebookPhotosListView\r\n          gotoSettings={gotoSettings}\r\n          isFbSupported={isFbSupported}\r\n          onItemSelectionChanged={onFacebookItemSelectionChanged}\r\n          items={fbPhotos}\r\n          i18n={i18n}\r\n          isMultiple={isMultiple}\r\n          itemsPerPage={itemsPerPage}\r\n          itemToUnselect={itemToUnselect}\r\n          resetItemToUnselect={resetItemToUnselect}\r\n          {...imageProps}\r\n          {...props}\r\n        />\r\n    }\r\n  </div>\r\n);\r\n\r\nexport const getImageOptionsForPivot = ({\r\n  imageOptionsConfig,\r\n  i18n,\r\n  onFileSelected,\r\n  uploadedFileInfo,\r\n  itemsPerPage,\r\n  onStockImageItemSelectionChanged,\r\n  isMultiple,\r\n  classes,\r\n  isFbSupported,\r\n  gotoSettings,\r\n  onFacebookItemSelectionChanged,\r\n  fbPhotos,\r\n  isLoadingFbPhotos,\r\n  defaultKeywords,\r\n  existingImages,\r\n  itemToUnselect,\r\n  resetItemToUnselect,\r\n  isMobile,\r\n}) => {\r\n  const options = compact([\r\n    {\r\n      key: ImageOptionsKey.DEFAULT,\r\n      text: imageOptionsConfig[ImageOptionsKey.DEFAULT].text || _TL_('Stock image'),\r\n      onRenderItemLink: imageOptionsConfig[ImageOptionsKey.DEFAULT].onRenderItemLink\r\n        || getDefaultPivotItemRenderForStockImage({\r\n          i18n,\r\n          classes,\r\n          onStockImageItemSelectionChanged,\r\n          defaultKeywords,\r\n          itemsPerPage,\r\n          isMultiple,\r\n          existingImages,\r\n          itemToUnselect,\r\n          resetItemToUnselect,\r\n        }),\r\n    },\r\n    isMobile ? null : {\r\n      key: ImageOptionsKey.FACEBOOKIMPORT,\r\n      text: imageOptionsConfig[ImageOptionsKey.FACEBOOKIMPORT].text || _TL_('From Facebook'),\r\n      onRenderItemLink: imageOptionsConfig[ImageOptionsKey.FACEBOOKIMPORT].onRenderItemLink\r\n        || getDefaultPivotItemRenderForFacebook({\r\n          i18n,\r\n          classes,\r\n          isFbSupported,\r\n          itemsPerPage,\r\n          gotoSettings,\r\n          onFacebookItemSelectionChanged,\r\n          fbPhotos,\r\n          isMultiple,\r\n          isLoadingFbPhotos,\r\n          itemToUnselect,\r\n          resetItemToUnselect,\r\n        }),\r\n    },\r\n    {\r\n      key: ImageOptionsKey.UPLOAD,\r\n      text: _TL_('Upload your own'),\r\n      onRenderItemLink: props => (\r\n        <div className={classes.editorPivotStyleContentClassName}>\r\n          <ImageUploadLocal\r\n            i18n={i18n}\r\n            onFileSelected={onFileSelected}\r\n            label={i18n.getString(_TL_('Upload your own image'))}\r\n            defaultFileName={\r\n              uploadedFileInfo && uploadedFileInfo.file && uploadedFileInfo.file.name\r\n            }\r\n            btnClassName={classes.uploadButtonClassName}\r\n            itemToUnselect={itemToUnselect}\r\n            resetItemToUnselect={resetItemToUnselect}\r\n            {...props}\r\n          />\r\n        </div>\r\n      ),\r\n    },\r\n  ]);\r\n\r\n  return getPivotItemOptions(options);\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty, noop } from 'underscore';\r\n\r\nimport {\r\n  useDefaultEditorStyle,\r\n  useFloatingBannerMessage,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { ChoiceGroup } from '@fluentui/react/lib/ChoiceGroup';\r\nimport { Label } from '@fluentui/react/lib/Label';\r\nimport {\r\n  useSiteConfig,\r\n  DataServiceContext,\r\n  useInstrumentationServiceContext,\r\n  useEditorStatusContext,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useMobileSupportEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  facebookPageInfoFilter,\r\n  batchTransformImagesInComponent,\r\n  importFromFacebook,\r\n  hasFBOAuthError,\r\n} from '@bingads-webui-campaign-react/smart-page-facebook-import-dialog';\r\nimport { createErrorMessage } from '@bingads-webui-campaign/error-utilities';\r\nimport { Pivot, PivotItem } from '@fluentui/react/lib/Pivot';\r\n\r\nimport { useUploadService } from './components/use-upload-service';\r\nimport { getImageOptions } from './components/common-image-options';\r\nimport { getImageOptionsForPivot } from './components/common-image-options-for-pivot';\r\nimport { ImageOptionsKey } from './components/consts';\r\n\r\nexport const SmartImageEditor = ({\r\n  label,\r\n  className,\r\n  getImageFromFacebookInfo,\r\n  imageOptionsConfig,\r\n  i18n,\r\n  onNewImageUploaded,\r\n  selectedKey,\r\n  uploadedFileInfo,\r\n  facebookImageInfo,\r\n  onChoiceChange,\r\n  enableFacebookImport,\r\n  displayAsPivot,\r\n  stockImageInfo,\r\n  onUseStockImageOption,\r\n}) => {\r\n  const {\r\n    sectionTitleClassName,\r\n    choiceGroupClassName,\r\n    editorPivotStyleContentClassName,\r\n    uploadButtonClassName,\r\n  } = useDefaultEditorStyle();\r\n  const { siteConfig } = useSiteConfig();\r\n  const { smartPageService, hostSystemScenario } = useContext(DataServiceContext);\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const { imageService } = useContext(DataServiceContext);\r\n  const { uploadImageAsync } = useUploadService();\r\n  const { showWarning } = useFloatingBannerMessage(dispatchEditorStatus);\r\n  const logger = useInstrumentationServiceContext();\r\n  const isMobile = useMobileSupportEnabled();\r\n\r\n  const onFileSelected = (selectedFileInfo) => {\r\n    const { imageData, file } = selectedFileInfo || {};\r\n    if (imageData) {\r\n      uploadImageAsync(imageData)\r\n        .then((imageMetaData) => {\r\n          onNewImageUploaded(imageMetaData, file);\r\n        })\r\n        .catch(() => {\r\n          showWarning(i18n.getString(_TL_('The image failed to upload. Please try again')));\r\n        });\r\n    }\r\n  };\r\n\r\n  const onOptionChangeInternal = (...args) => {\r\n    let option;\r\n\r\n    if (displayAsPivot) {\r\n      const [item] = args;\r\n      option = { key: item.props.itemKey };\r\n    } else {\r\n      [, option] = args;\r\n    }\r\n\r\n    const selectedOption = option.key;\r\n\r\n    if (selectedOption === ImageOptionsKey.FACEBOOKIMPORT && enableFacebookImport) {\r\n      if (facebookImageInfo) {\r\n        onNewImageUploaded(facebookImageInfo);\r\n      } else {\r\n        importFromFacebook(\r\n          siteConfig,\r\n          smartPageService,\r\n          facebookPageInfoFilter.basic,\r\n          hostSystemScenario\r\n        )\r\n          .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus))\r\n          .then((fbSite) => {\r\n            const image = getImageFromFacebookInfo(fbSite);\r\n\r\n            return image ? batchTransformImagesInComponent(imageService, [image]) : null;\r\n          })\r\n          .then((imageInfos) => {\r\n            if (imageInfos === null) {\r\n              showWarning(i18n.getString(_TL_('We were unable to find your Facebook page cover photo. Please select a stock image above or upload your own instead.')));\r\n            } else if (!isEmpty(imageInfos)) {\r\n              onNewImageUploaded(imageInfos[0]);\r\n            } else {\r\n              showWarning(i18n.getString(_TL_('The image failed to upload. Please try again')));\r\n            }\r\n          })\r\n          .catch((error) => {\r\n            if (hasFBOAuthError(error)) {\r\n              logger.logTrace('Encounter Facebook OAuth error while importing FB posts');\r\n              showWarning(i18n.getString(_TL_('We could not access your Facebook profile, please reconnect it in Settings.')));\r\n            } else {\r\n              const err = createErrorMessage(error);\r\n              logger.logError(`Import logo image from facebook failed. ${err}`);\r\n              showWarning(i18n.getString(_TL_('We were not able to find images from this Facebook page. Please try again or reimport your Facebook Page.')));\r\n            }\r\n          });\r\n      }\r\n    } else if (selectedOption === ImageOptionsKey.UPLOAD) {\r\n      if (uploadedFileInfo && uploadedFileInfo.image && uploadedFileInfo.file) {\r\n        onNewImageUploaded(uploadedFileInfo.image, uploadedFileInfo.file);\r\n      }\r\n    } else if (selectedOption === ImageOptionsKey.DEFAULT && displayAsPivot) {\r\n      if (stockImageInfo) {\r\n        onUseStockImageOption(stockImageInfo);\r\n      }\r\n    }\r\n\r\n    onChoiceChange(selectedOption);\r\n    logger.logTrace(`SmartImageEditor|OptionChanged|${selectedOption}`);\r\n  };\r\n\r\n  const finalImageOptions = displayAsPivot ?\r\n    getImageOptionsForPivot({\r\n      imageOptionsConfig,\r\n      i18n,\r\n      onFileSelected,\r\n      uploadedFileInfo,\r\n      classes: {\r\n        editorPivotStyleContentClassName,\r\n        uploadButtonClassName,\r\n      },\r\n      isMobile,\r\n    })\r\n    : getImageOptions({\r\n      i18n,\r\n      imageOptionsConfig,\r\n      enableFacebookImport,\r\n      onFileSelected,\r\n      uploadedFileInfo,\r\n      isMobile,\r\n    });\r\n\r\n  const sectionTitleLabelId = 'image-options-label';\r\n\r\n  return (\r\n    <div className={className}>\r\n      {\r\n        !displayAsPivot &&\r\n        <Label id={sectionTitleLabelId} className={sectionTitleClassName} >\r\n          <span>{label}</span>\r\n        </Label>\r\n      }\r\n      {\r\n        displayAsPivot ?\r\n          <Pivot\r\n            defaultSelectedKey={selectedKey}\r\n            onLinkClick={onOptionChangeInternal}\r\n          >\r\n            {\r\n              finalImageOptions.map(option => (\r\n                <PivotItem\r\n                  headerText={i18n.getString(option.text)}\r\n                  itemKey={option.key}\r\n                  key={option.key}\r\n                  alwaysRender\r\n                >\r\n                  {option.onRenderItemLink()}\r\n                </PivotItem>\r\n              ))\r\n            }\r\n          </Pivot>\r\n          : <ChoiceGroup\r\n            selectedKey={selectedKey}\r\n            options={finalImageOptions}\r\n            onChange={onOptionChangeInternal}\r\n            ariaLabelledBy={sectionTitleLabelId}\r\n            className={choiceGroupClassName}\r\n          />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nSmartImageEditor.propTypes = {\r\n  className: PropTypes.string,\r\n  label: PropTypes.string.isRequired,\r\n  getImageFromFacebookInfo: PropTypes.func.isRequired,\r\n  imageOptionsConfig: PropTypes.shape({\r\n    [ImageOptionsKey.DEFAULT]: PropTypes.shape({\r\n      text: PropTypes.string.isRequired,\r\n    }).isRequired,\r\n    [ImageOptionsKey.FACEBOOKIMPORT]: PropTypes.shape({\r\n      text: PropTypes.string.isRequired,\r\n    }).isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  onNewImageUploaded: PropTypes.func.isRequired,\r\n  selectedKey: PropTypes.string.isRequired,\r\n  uploadedFileInfo: PropTypes.shape({\r\n    file: PropTypes.shape({\r\n      name: PropTypes.string,\r\n    }),\r\n    image: PropTypes.shape({\r\n      IdString: PropTypes.string,\r\n    }),\r\n  }),\r\n  facebookImageInfo: PropTypes.shape({\r\n    imageId: PropTypes.string,\r\n  }),\r\n  stockImageInfo: PropTypes.shape({\r\n    externalSrc: PropTypes.string,\r\n    image: PropTypes.shape({\r\n      IdString: PropTypes.string,\r\n    }),\r\n  }),\r\n  onUseStockImageOption: PropTypes.func,\r\n  onChoiceChange: PropTypes.func.isRequired,\r\n  enableFacebookImport: PropTypes.bool.isRequired,\r\n  displayAsPivot: PropTypes.bool,\r\n};\r\n\r\nSmartImageEditor.defaultProps = {\r\n  className: null,\r\n  facebookImageInfo: null,\r\n  uploadedFileInfo: null,\r\n  displayAsPivot: false,\r\n  stockImageInfo: null,\r\n  onUseStockImageOption: noop,\r\n};\r\n","import React, { useState, useCallback, useEffect, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { noop, isEqual, omit } from 'underscore';\r\n\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getUrlFromStockImage,\r\n  getThumbnailUrlForFacebookPhoto,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Pivot, PivotItem } from '@fluentui/react/lib/Pivot';\r\nimport { InstrumentationServiceContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { getImageOptionsForPivot } from './components/common-image-options-for-pivot';\r\nimport { ImageOptionsKey } from './components/consts';\r\nimport { PivotImageEditorContextProvider } from './smart-pivot-image-editor-context';\r\n\r\nconst getStyles = () => ({\r\n  connectFacebookMsg: {\r\n    marginTop: 8,\r\n  },\r\n  loading: {\r\n    height: '445px',\r\n  },\r\n});\r\n\r\nexport const SmartPivotImageEditor = ({\r\n  className,\r\n  imageOptionsConfig,\r\n  i18n,\r\n  onLocalFileSelected,\r\n  onFacebookItemSelectionChanged,\r\n  onStockImageItemSelectionChanged,\r\n  onSelectionChanged,\r\n  gotoSettings,\r\n  onPivotLinkClicked,\r\n  onFinalSelectedPivotChanged,\r\n  itemsPerPage,\r\n  isMultiple,\r\n  isFbSupported,\r\n  fbPhotos,\r\n  isLoadingFbPhotos,\r\n  defaultKeywords,\r\n  existingImages,\r\n  itemToUnselect,\r\n  setItemToUnselect,\r\n}) => {\r\n  // State to store all selection with order from each pivot child\r\n  const [allSelection, setAllSelection] = useState([]);\r\n  // State to manage itemToUnselect internally\r\n  const [itemToUnselectInternal, setItemToUnselectInternal] = useState(null);\r\n  // Will change when once click on pivot, diff from finalSelectedPivot\r\n  const [selectedPivot, setSelectedPivot] = useState(null);\r\n  // Final selected pivot only get changed when item in that pivot is selected\r\n  const [finalSelectedPivot, setFinalSelectedPivot] = useState(null);\r\n\r\n  const logger = useContext(InstrumentationServiceContext);\r\n  const classes = useDefaultStyles(getStyles);\r\n\r\n  const handleOnPivotClicked = useCallback((item) => {\r\n    const { props: { itemKey } } = item;\r\n    onPivotLinkClicked(itemKey);\r\n    setSelectedPivot(itemKey);\r\n    logger.logTrace(`SmartPivotImageEditor|PivotItemClicked|${itemKey}`);\r\n  }, [onPivotLinkClicked, logger]);\r\n\r\n  const {\r\n    editorPivotStyleContentClassName,\r\n    uploadButtonClassName,\r\n    infoMessageBarClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const handleOnSelectionChanged = useCallback((newSelection) => {\r\n    onSelectionChanged(newSelection);\r\n    setAllSelection(newSelection);\r\n  }, [onSelectionChanged]);\r\n\r\n  const handleOnFinalSelectedPivotChanged = useCallback((key) => {\r\n    onFinalSelectedPivotChanged(key);\r\n    setFinalSelectedPivot(key);\r\n  }, [onFinalSelectedPivotChanged]);\r\n\r\n  const handleResetItemToUnselect = useCallback(() => {\r\n    setItemToUnselect(null);\r\n    setItemToUnselectInternal(null);\r\n  }, [setItemToUnselect]);\r\n\r\n  /**\r\n   * item => the new changed item\r\n   * changeSource => what kind of update it is\r\n   * isLocalFile\r\n   */\r\n  const updateSelection = useCallback((item, changeSource, isLocalFile = false) => {\r\n    const previousFinalSelectedPivot = finalSelectedPivot;\r\n    handleOnFinalSelectedPivotChanged(changeSource);\r\n\r\n    if (!isMultiple) {\r\n      // TODO make upload local support keep the error image, but return error mark\r\n      // Currently when we upload a image from local which contains error, item will be null\r\n      if (!item) {\r\n        return;\r\n      }\r\n      // In single selection, allSelection should contains only one item\r\n      const [prevItem] = allSelection;\r\n      handleOnSelectionChanged([item]);\r\n\r\n      // Only unselect prev item when it was another tab\r\n      if (prevItem && (selectedPivot !== previousFinalSelectedPivot)) {\r\n        // Since this is an internal change, no need to notify parent\r\n        setItemToUnselectInternal(prevItem);\r\n      }\r\n      return;\r\n    }\r\n\r\n    let predicate = selection => selection.file;\r\n    if (changeSource === ImageOptionsKey.DEFAULT) {\r\n      predicate = selection => getUrlFromStockImage(selection) === getUrlFromStockImage(item);\r\n    } else if (changeSource === ImageOptionsKey.FACEBOOKIMPORT) {\r\n      predicate = selection =>\r\n        getThumbnailUrlForFacebookPhoto(selection) === getThumbnailUrlForFacebookPhoto(item);\r\n    }\r\n\r\n    const index = allSelection.findIndex(predicate);\r\n    const newSelection = [...allSelection];\r\n\r\n    if (isLocalFile) {\r\n      // Remove the previously added local image, currently support upload one image from local\r\n\r\n      if (index > -1 && item) {\r\n        newSelection.splice(index, 1);\r\n      }\r\n      if (item) {\r\n        newSelection.push(item);\r\n      }\r\n    } else if (item.selected && index === -1) {\r\n      // Add to selection if not added yet\r\n      newSelection.push(item);\r\n    } else if (!item.selected && index > -1) {\r\n      // Remove from selection if already added and currently not selected\r\n      newSelection.splice(index, 1);\r\n    }\r\n\r\n    handleOnSelectionChanged(newSelection);\r\n  }, [\r\n    finalSelectedPivot,\r\n    handleOnFinalSelectedPivotChanged,\r\n    isMultiple,\r\n    allSelection,\r\n    handleOnSelectionChanged,\r\n    selectedPivot,\r\n  ]);\r\n\r\n  const onHandleStockImageItemSelectionChanged = useCallback((item) => {\r\n    updateSelection(item, ImageOptionsKey.DEFAULT);\r\n    onStockImageItemSelectionChanged(item);\r\n  }, [updateSelection, onStockImageItemSelectionChanged]);\r\n\r\n  const onHandleFacebookItemSelectionChanged = useCallback((item) => {\r\n    updateSelection(item, ImageOptionsKey.FACEBOOKIMPORT);\r\n    onFacebookItemSelectionChanged(item);\r\n  }, [updateSelection, onFacebookItemSelectionChanged]);\r\n\r\n  const onHandleLocalFileSelected = useCallback((localImage) => {\r\n    updateSelection(localImage, ImageOptionsKey.UPLOAD, true /* IsLocalFile */);\r\n    onLocalFileSelected(localImage);\r\n  }, [updateSelection, onLocalFileSelected]);\r\n\r\n  const finalImageOptions = getImageOptionsForPivot({\r\n    i18n,\r\n    classes: {\r\n      editorPivotStyleContentClassName,\r\n      uploadButtonClassName,\r\n      infoMessageBarClassName,\r\n      connectFacebookMsg: classes.connectFacebookMsg,\r\n      loading: classes.loading,\r\n    },\r\n    imageOptionsConfig,\r\n    onFileSelected: onHandleLocalFileSelected,\r\n    onStockImageItemSelectionChanged: onHandleStockImageItemSelectionChanged,\r\n    onFacebookItemSelectionChanged: onHandleFacebookItemSelectionChanged,\r\n    gotoSettings,\r\n    fbPhotos,\r\n    itemsPerPage,\r\n    isMultiple,\r\n    isFbSupported,\r\n    isLoadingFbPhotos,\r\n    defaultKeywords,\r\n    existingImages,\r\n    itemToUnselect: itemToUnselectInternal,\r\n    resetItemToUnselect: handleResetItemToUnselect,\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (itemToUnselect) {\r\n      // Every time itemToUnselect get changed by parent, we store it in internal and pass down\r\n      setItemToUnselectInternal(itemToUnselect);\r\n    }\r\n  }, [itemToUnselect]);\r\n\r\n  useEffect(() => {\r\n    if (itemToUnselect) {\r\n      const newSelection = allSelection.filter(selection => !isEqual(omit(itemToUnselect, 'selected'), omit(selection, 'selected')));\r\n      handleOnSelectionChanged(newSelection);\r\n      setItemToUnselect(null);\r\n    }\r\n  }, [allSelection, handleOnSelectionChanged, itemToUnselect, setItemToUnselect]);\r\n\r\n  return (\r\n    <PivotImageEditorContextProvider selection={allSelection}>\r\n      <div className={className}>\r\n        <Pivot onLinkClick={handleOnPivotClicked}>\r\n          {\r\n            finalImageOptions.map(option => (\r\n              <PivotItem\r\n                headerText={i18n.getString(option.text)}\r\n                itemKey={option.key}\r\n                key={option.key}\r\n                alwaysRender\r\n              >\r\n                {option.onRenderItemLink()}\r\n              </PivotItem>\r\n            ))\r\n          }\r\n        </Pivot>\r\n      </div>\r\n    </PivotImageEditorContextProvider>\r\n  );\r\n};\r\n\r\nSmartPivotImageEditor.propTypes = {\r\n  className: PropTypes.string,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  imageOptionsConfig: PropTypes.shape({\r\n    [ImageOptionsKey.DEFAULT]: PropTypes.shape({\r\n      text: PropTypes.string,\r\n    }).isRequired,\r\n    [ImageOptionsKey.FACEBOOKIMPORT]: PropTypes.shape({\r\n      text: PropTypes.string,\r\n    }).isRequired,\r\n  }),\r\n  onLocalFileSelected: PropTypes.func,\r\n  onStockImageItemSelectionChanged: PropTypes.func,\r\n  onFacebookItemSelectionChanged: PropTypes.func,\r\n  onSelectionChanged: PropTypes.func,\r\n  gotoSettings: PropTypes.func,\r\n  // onPivotLinkClicked: will notify which link key has been selected\r\n  onPivotLinkClicked: PropTypes.func,\r\n  // onFinalSelectedPivotChanged: will notify when item in that pivot is selected\r\n  onFinalSelectedPivotChanged: PropTypes.func,\r\n  itemsPerPage: PropTypes.number,\r\n  isMultiple: PropTypes.bool,\r\n  isFbSupported: PropTypes.bool,\r\n  fbPhotos: PropTypes.arrayOf(PropTypes.shape({})),\r\n  isLoadingFbPhotos: PropTypes.bool.isRequired,\r\n  // defaultKeywords: keyword used to search stock image\r\n  defaultKeywords: PropTypes.arrayOf(PropTypes.any),\r\n  // existingImages: images that already added in config, not the pending selections\r\n  existingImages: PropTypes.arrayOf(PropTypes.any),\r\n  // itemToUnselect: set by parent, top down notification, to tell pivot child to unselect this item\r\n  itemToUnselect: PropTypes.shape({}),\r\n  // setItemToUnselect: when one of the child handles itemToUnselect correctly, call this to reset\r\n  setItemToUnselect: PropTypes.func,\r\n};\r\n\r\nSmartPivotImageEditor.defaultProps = {\r\n  className: null,\r\n  imageOptionsConfig: {\r\n    [ImageOptionsKey.DEFAULT]: { text: '' },\r\n    [ImageOptionsKey.FACEBOOKIMPORT]: { text: '' },\r\n  },\r\n  onStockImageItemSelectionChanged: noop,\r\n  onFacebookItemSelectionChanged: noop,\r\n  onLocalFileSelected: noop,\r\n  onSelectionChanged: noop,\r\n  gotoSettings: noop,\r\n  onPivotLinkClicked: noop,\r\n  onFinalSelectedPivotChanged: noop,\r\n  itemsPerPage: 8,\r\n  isMultiple: true,\r\n  isFbSupported: false,\r\n  fbPhotos: [],\r\n  defaultKeywords: [],\r\n  existingImages: [],\r\n  itemToUnselect: null,\r\n  setItemToUnselect: noop,\r\n};\r\n","import { useContext, useState } from 'react';\r\n\r\nimport { isFacebookImportSupported } from '@bingads-webui-campaign-react/smart-page-facebook-import-dialog';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { getImageMetaById } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { ImageOptionsKey } from './consts';\r\n\r\nexport const useExistingUploadedImage = ({\r\n  imageId,\r\n  externalSrc,\r\n  fileName,\r\n}) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const enableFacebookImport = !!isFacebookImportSupported(siteConfig);\r\n  let defaultSelectedImageOption = ImageOptionsKey.DEFAULT;\r\n  let image = null;\r\n\r\n  if (imageId) {\r\n    image = getImageMetaById(siteConfig, imageId);\r\n\r\n    if (externalSrc) {\r\n      defaultSelectedImageOption = ImageOptionsKey.DEFAULT;\r\n    } else if (fileName || !enableFacebookImport) {\r\n      defaultSelectedImageOption = ImageOptionsKey.UPLOAD;\r\n    } else {\r\n      defaultSelectedImageOption = ImageOptionsKey.FACEBOOKIMPORT;\r\n    }\r\n  }\r\n\r\n  const [\r\n    selectedImageOption,\r\n    setSelectedImageOption,\r\n  ] = useState(defaultSelectedImageOption);\r\n  const [facebookImageInfo, setFacebookImageInfo]\r\n    = useState(defaultSelectedImageOption === ImageOptionsKey.FACEBOOKIMPORT\r\n      ? image : null);\r\n  const [stockImageInfo, setStockImageInfo]\r\n    = useState(defaultSelectedImageOption === ImageOptionsKey.DEFAULT\r\n      ? { image, externalSrc } : null);\r\n  const [uploadedFileInfo, setUploadedFileInfo]\r\n    = useState(defaultSelectedImageOption === ImageOptionsKey.UPLOAD\r\n      ? {\r\n        file: fileName && { name: fileName },\r\n        image,\r\n      } : null);\r\n\r\n  return {\r\n    selectedImageOption,\r\n    setSelectedImageOption,\r\n\r\n    enableFacebookImport,\r\n    facebookImageInfo,\r\n    setFacebookImageInfo,\r\n\r\n    uploadedFileInfo,\r\n    setUploadedFileInfo,\r\n\r\n    stockImageInfo,\r\n    setStockImageInfo,\r\n  };\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  container: {\r\n    // palette.mode indicate it's in preview\r\n    backgroundColor: palette.mode ? palette.buttonBackground : '#323130',\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  label: {\r\n    fontSize: 18,\r\n    lineHeight: '20px',\r\n    fontWeight: 'bold',\r\n    color: palette.mode ? palette.buttonText : '#ffffff',\r\n  },\r\n});\r\n\r\nconst getFirstLetterCapitalized = (word) => {\r\n  if (!word) return '';\r\n\r\n  return word[0].toUpperCase();\r\n};\r\n\r\nexport const UnStyledCircleLogo = ({\r\n  classes,\r\n  name,\r\n  className,\r\n}) => {\r\n  const words = name && name.trim().split(/\\s+/);\r\n  const nameInCircle = `${words && getFirstLetterCapitalized(words[0])}${words && getFirstLetterCapitalized(words[1])}`;\r\n\r\n  return (\r\n    <div className={classnames(classes.container, className)}>\r\n      <span className={classes.label} >{nameInCircle}</span>\r\n    </div>);\r\n};\r\n\r\nUnStyledCircleLogo.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  name: PropTypes.string.isRequired,\r\n  className: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const CircleLogo = withDefaultStyles(\r\n  UnStyledCircleLogo,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { ImageFit } from '@fluentui/react/lib/Image';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { CircleLogo } from './circle-logo';\r\nimport { SmartImageConnector as SmartImage } from '../smart-image-connector';\r\n\r\n// square image\r\nconst DefaultImageWidth = 48;\r\nconst SmallerImageWidth = 40;\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  container: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: '100%',\r\n  },\r\n  defaultImageContainer: {\r\n    marginRight: 12,\r\n\r\n    '& $imageComponentRoot': {\r\n      width: DefaultImageWidth,\r\n      height: DefaultImageWidth,\r\n    },\r\n  },\r\n  smallerImageContainer: {\r\n    marginRight: 12,\r\n\r\n    '& $imageComponentRoot': {\r\n      width: SmallerImageWidth,\r\n      height: SmallerImageWidth,\r\n    },\r\n  },\r\n  imageComponentRoot: {\r\n    borderRadius: '50%',\r\n    MozBorderRadius: '50%',\r\n    WebkitBorderRadius: '50%',\r\n  },\r\n  infoContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    overflow: 'hidden',\r\n  },\r\n  label: {\r\n    fontSize: 24,\r\n    fontWeight: 'bold',\r\n    lineHeight: '32px',\r\n    overflow: 'hidden',\r\n    textOverflow: 'ellipsis',\r\n    display: '-webkit-box',\r\n    WebkitBoxOrient: 'vertical',\r\n    WebkitLineClamp: 3,\r\n    overflowWrap: 'break-word',\r\n    color: palette.primaryText,\r\n  },\r\n  labelWithTimestamp: {\r\n    fontSize: 14,\r\n    overflow: 'hidden',\r\n    textOverflow: 'ellipsis',\r\n  },\r\n  timestamp: {\r\n    fontSize: 12,\r\n    color: '#605e5c',\r\n  },\r\n});\r\n\r\nconst UnStyledLogoImage = ({\r\n  imageId,\r\n  label,\r\n  timestamp,\r\n  classes,\r\n  logoDataProperty,\r\n  businessNameDataProperty,\r\n}) => {\r\n  let imageWidth = DefaultImageWidth;\r\n\r\n  let imageContainerClassName = classes.defaultImageContainer;\r\n  let labelClassName = classes.label;\r\n\r\n  if (timestamp) {\r\n    imageWidth = SmallerImageWidth;\r\n\r\n    imageContainerClassName = classes.smallerImageContainer;\r\n    labelClassName = classes.labelWithTimestamp;\r\n  }\r\n\r\n  return (\r\n    <div className={classes.container}>\r\n      <div className={imageContainerClassName} data-property={logoDataProperty}>\r\n        {imageId && (\r\n          <SmartImage\r\n            imageId={imageId}\r\n            imageFit={ImageFit.centerContain}\r\n            maximizeFrame\r\n            className={classes.imageComponentRoot}\r\n            resizeWidth={imageWidth}\r\n          />\r\n        )\r\n        }\r\n        {!imageId && <CircleLogo name={label} className={classes.imageComponentRoot} />}\r\n      </div>\r\n      <div className={classes.infoContainer} >\r\n        <span className={labelClassName} data-property={businessNameDataProperty} title={label}>\r\n          {label}\r\n        </span>\r\n        {timestamp &&\r\n          <span className={classes.timestamp}>{timestamp}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledLogoImage.propTypes = {\r\n  imageId: PropTypes.string,\r\n  label: PropTypes.string.isRequired,\r\n  timestamp: PropTypes.string,\r\n  logoDataProperty: PropTypes.string,\r\n  businessNameDataProperty: PropTypes.string,\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n};\r\n\r\nUnStyledLogoImage.defaultProps = {\r\n  imageId: null,\r\n  timestamp: null,\r\n  logoDataProperty: null,\r\n  businessNameDataProperty: null,\r\n};\r\n\r\nUnStyledLogoImage.displayName = 'LogoImage';\r\n\r\nexport const LogoImage = withDefaultStyles(UnStyledLogoImage, getStyles);\r\n","import {\r\n  getDataSourceByKeys,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  SMART_PAGE_DEFAULT_VALUES,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const proxyReadLogoConfig = ({ i18n, siteConfig }) => {\r\n  const [\r\n    businessName,\r\n    logoImageId,\r\n  ] = getDataSourceByKeys(siteConfig, [\r\n    DATA_SOURCE_KEY_MAPPING.BusinessName,\r\n    DATA_SOURCE_KEY_MAPPING.LogoImageId,\r\n  ]);\r\n\r\n  return {\r\n    label: businessName || i18n.getString(SMART_PAGE_DEFAULT_VALUES.BUSINESS_NAME),\r\n    imageId: logoImageId,\r\n  };\r\n};\r\n","import { useContext, useEffect, useState } from 'react';\r\n\r\nimport {\r\n  DataServiceContext,\r\n  useEditorStatusContext,\r\n  useInstrumentationServiceContext,\r\n  SiteConfigContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport {\r\n  useFloatingBannerMessage,\r\n  filterImportedImages,\r\n  disableImportedImages,\r\n  ImageSource,\r\n  getUniqueFacebookPhotos,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  facebookPageInfoFilter,\r\n  importFromFacebook,\r\n  hasFBOAuthError,\r\n} from '@bingads-webui-campaign-react/smart-page-facebook-import-dialog';\r\n\r\nexport const useFacebookPhotos = (\r\n  imagesToFilter = [],\r\n  shouldStart = true,\r\n  // If this is set to true, photo won't be filtered out from list, but give them a tag\r\n  disableFilteredItem = false\r\n) => {\r\n  const [isFbSupported, setIsFbSupported] = useState(true);\r\n  const [fbPhotos, setFbPhotos] = useState([]);\r\n  const [filteredFbPhotos, setFilteredFbPhotos] = useState([]);\r\n  const [isInitializing, setIsInitializing] = useState(true);\r\n\r\n  const i18n = useContext(I18nContext);\r\n  const { smartPageService, hostSystemScenario } = useContext(DataServiceContext);\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const { showWarning } = useFloatingBannerMessage(dispatchEditorStatus);\r\n  const logger = useInstrumentationServiceContext();\r\n\r\n  useEffect(() => {\r\n    if (shouldStart) {\r\n      importFromFacebook(\r\n        siteConfig,\r\n        smartPageService,\r\n        facebookPageInfoFilter.photos,\r\n        hostSystemScenario\r\n      )\r\n        .then(({ photos }) => {\r\n          const uniquePhotos = getUniqueFacebookPhotos(photos);\r\n          setFbPhotos(uniquePhotos);\r\n          setIsFbSupported(true);\r\n        })\r\n        .catch((err) => {\r\n          if (err && (err.message === 'NO_FB_AUTH' || hasFBOAuthError(err))) {\r\n            if (hasFBOAuthError(err)) {\r\n              logger.logTrace('Encounter Facebook OAuth error while importing FB photos');\r\n            }\r\n            setIsFbSupported(false);\r\n          } else {\r\n            setIsFbSupported(true);\r\n            logger.logError(`Import photos from facebook failed. ${err}, error string: ${JSON.stringify(err)}`);\r\n            showWarning(i18n.getString(_TL_('We were not able to find photos from this Facebook page. Please try again or reimport your Facebook Page.')));\r\n          }\r\n        })\r\n        .finally(() => setIsInitializing(false));\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [shouldStart]);\r\n\r\n  useEffect(() => {\r\n    if (disableFilteredItem) {\r\n      setFilteredFbPhotos(disableImportedImages(fbPhotos, imagesToFilter, ImageSource.Facebook));\r\n    } else {\r\n      setFilteredFbPhotos(filterImportedImages(fbPhotos, imagesToFilter, ImageSource.Facebook));\r\n    }\r\n  }, [fbPhotos, imagesToFilter, disableFilteredItem]);\r\n\r\n  return {\r\n    isFbSupported,\r\n    fbPhotos: filteredFbPhotos,\r\n    isInitializing,\r\n  };\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { FontIcon } from '@fluentui/react/lib/Icon';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  container: {\r\n    width: 205,\r\n    height: 160,\r\n    position: 'relative',\r\n    border: `1px dashed ${palette.themePrimary}`,\r\n    borderRadius: '4px',\r\n    color: palette.themePrimary,\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    background: palette.white,\r\n    '&:hover': {\r\n      border: `1px solid ${palette.themePrimary}`,\r\n      outline: `1px solid ${palette.themePrimary}`,\r\n    },\r\n  },\r\n  icon: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    fontSize: 18,\r\n    fontWeight: 'bold',\r\n    borderRadius: '99px',\r\n    width: 44,\r\n    height: 44,\r\n    background: 'white',\r\n    marginBottom: '5px',\r\n  },\r\n});\r\n\r\nconst UnStyledAddImagesPlaceholder = ({\r\n  i18n,\r\n  onClick,\r\n  classes,\r\n  className,\r\n  text,\r\n}) => (\r\n  <button\r\n    className={classNames(classes.container, 'smart-page-add-images-placeholder-btn', className)}\r\n    onClick={onClick}\r\n  >\r\n    <FontIcon aria-label=\"Add\" iconName=\"Add\" className={classes.icon} />\r\n    <span>{text || i18n.getString(_TL_('Add photos'))}</span>\r\n  </button>\r\n);\r\n\r\nUnStyledAddImagesPlaceholder.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  onClick: PropTypes.func.isRequired,\r\n  className: PropTypes.string,\r\n  text: PropTypes.string,\r\n};\r\n\r\nUnStyledAddImagesPlaceholder.defaultProps = {\r\n  className: null,\r\n  text: '',\r\n};\r\n\r\nexport const AddImagesPlaceholder = withDefaultStyles(\r\n  UnStyledAddImagesPlaceholder,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { AddImagesPlaceholder } from './add-images-placeholder';\r\n\r\nconst getStyles = () => ({\r\n  forcePositioning: {\r\n    top: '-170px',\r\n    left: '218px',\r\n  },\r\n});\r\n\r\nconst UnstyledAddImagesPlaceholderWithPositioning = ({\r\n  i18n,\r\n  onClick,\r\n  itemCount,\r\n  classes,\r\n  className,\r\n}) => {\r\n  // Need to position this placeholder next to the last image\r\n  const shouldReposition = itemCount % 2 !== 0;\r\n\r\n  return (\r\n    <AddImagesPlaceholder\r\n      i18n={i18n}\r\n      onClick={onClick}\r\n      className={classNames(\r\n        shouldReposition ? classes.forcePositioning : null,\r\n        className\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nUnstyledAddImagesPlaceholderWithPositioning.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  onClick: PropTypes.func.isRequired,\r\n  itemCount: PropTypes.number.isRequired,\r\n  className: PropTypes.string,\r\n};\r\n\r\nUnstyledAddImagesPlaceholderWithPositioning.defaultProps = {\r\n  className: null,\r\n};\r\n\r\nexport const AddImagesPlaceholderWithPositioning = withDefaultStyles(\r\n  UnstyledAddImagesPlaceholderWithPositioning,\r\n  getStyles\r\n);\r\n","import React, { useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getImageThumbnailSrcFromImage, preventEventPropagation } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { CommandBarButton } from '@fluentui/react/lib/Button';\r\n\r\nimport { SelectImagesListView } from './select-images-list-view';\r\nimport { ImageItemView } from './image-item-view';\r\n\r\nconst IMAGE_WIDTH = 205;\r\nconst IMAGE_HEIGHT = 160;\r\nconst PAGE_HEIGHT = 400;\r\n\r\nconst getStyles = (_c, { palette = {} }) => ({\r\n  itemContainer: {\r\n    position: 'relative',\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  iconContainer: {\r\n    position: 'absolute',\r\n    bottom: 8,\r\n    right: 8,\r\n    color: palette.themeDarkAlt,\r\n    opacity: '0.95',\r\n  },\r\n  iconButton: {\r\n    background: 'rgba(255, 255, 255, 0.83)',\r\n    border: 'none',\r\n    width: 32,\r\n    height: 32,\r\n    minWidth: 32,\r\n    borderRadius: 99,\r\n    cursor: 'pointer',\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n\r\n    // Hide the default chevron for menu\r\n    '& span i:not(:first-child)': {\r\n      display: 'none',\r\n    },\r\n  },\r\n});\r\n\r\nconst UnStyledEditImagesView = ({\r\n  items,\r\n  i18n,\r\n  onDelete,\r\n  onReplace,\r\n  classes,\r\n  deleteOnly,\r\n  imageHeight,\r\n  imageWidth,\r\n  pageHeight,\r\n  horizontal,\r\n  displayOnly,\r\n  imageRetryLimit,\r\n}) => {\r\n  const renderIconContainer = useCallback((item, index) => {\r\n    if (!deleteOnly) {\r\n      const menuProps = {\r\n        items: [\r\n          {\r\n            key: 'ReplaceImage',\r\n            text: i18n.getString(_TL_('Replace image')),\r\n            onClick: (e) => {\r\n              preventEventPropagation(e);\r\n              onReplace(item, index);\r\n            },\r\n            iconProps: { iconName: 'FileImage' },\r\n          },\r\n          {\r\n            key: 'RemoveImage',\r\n            text: i18n.getString(_TL_('Remove image')),\r\n            onClick: (e) => {\r\n              preventEventPropagation(e);\r\n              onDelete(item, index);\r\n            },\r\n            iconProps: { iconName: 'Remove' },\r\n          },\r\n        ],\r\n        calloutProps: {\r\n          calloutMaxWidth: 140,\r\n        },\r\n      };\r\n\r\n      return (\r\n        <div className={classes.iconContainer}>\r\n          <CommandBarButton\r\n            iconProps={{ iconName: 'Edit' }}\r\n            className={classnames(classes.iconButton, 'smart-page-gallery-edit-button')}\r\n            ariaLabel={i18n.getString(_TL_('Edit image {{number}}'), { number: index + 1 })}\r\n            menuProps={menuProps}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div className={classes.iconContainer}>\r\n        <CommandBarButton\r\n          onClick={() => onDelete(item, index)}\r\n          iconProps={{ iconName: 'Cancel' }}\r\n          className={classnames(classes.iconButton, 'smart-page-gallery-delete-button')}\r\n          ariaLabel={i18n.getString(_TL_('Remove image {{number}}'), { number: index + 1 })}\r\n        />\r\n      </div>\r\n    );\r\n  }, [classes, i18n, onDelete, deleteOnly, onReplace]);\r\n\r\n  const onRenderImageItem = useCallback((item, index) => (\r\n    <div className={classes.itemContainer}>\r\n      <ImageItemView\r\n        imageId={item.imageId}\r\n        resizeWidth={imageWidth}\r\n        src={getImageThumbnailSrcFromImage(item)}\r\n        retryLimit={imageRetryLimit}\r\n      />\r\n      {!displayOnly && renderIconContainer(item, index)}\r\n    </div>\r\n  ), [classes, renderIconContainer, imageWidth, displayOnly, imageRetryLimit]);\r\n\r\n  return (\r\n    <SelectImagesListView\r\n      items={items}\r\n      pageHeight={pageHeight}\r\n      imageWidth={imageWidth}\r\n      imageHeight={imageHeight}\r\n      onRenderImageItem={onRenderImageItem}\r\n      selectable={false}\r\n      i18n={i18n}\r\n      horizontal={horizontal}\r\n    />\r\n  );\r\n};\r\n\r\nUnStyledEditImagesView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    itemContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({})),\r\n  onDelete: PropTypes.func.isRequired,\r\n  onReplace: PropTypes.func,\r\n  deleteOnly: PropTypes.bool,\r\n  imageHeight: PropTypes.number,\r\n  imageWidth: PropTypes.number,\r\n  pageHeight: PropTypes.number,\r\n  imageRetryLimit: PropTypes.number,\r\n  horizontal: PropTypes.bool,\r\n  displayOnly: PropTypes.bool,\r\n};\r\n\r\nUnStyledEditImagesView.defaultProps = {\r\n  items: [],\r\n  deleteOnly: true,\r\n  onReplace: _.noop,\r\n  imageHeight: IMAGE_HEIGHT,\r\n  imageWidth: IMAGE_WIDTH,\r\n  pageHeight: PAGE_HEIGHT,\r\n  horizontal: false,\r\n  displayOnly: false,\r\n  imageRetryLimit: 0,\r\n};\r\n\r\nexport const EditImagesView = withDefaultStyles(\r\n  UnStyledEditImagesView,\r\n  getStyles\r\n);\r\n","import _, { isEmpty } from 'underscore';\r\n\r\nimport {\r\n  timeToString,\r\n  tryParseTimeString,\r\n  isHourValid,\r\n  isMinuteValid\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const validateOpenCloseTime = (open, close, crossValidation) => {\r\n  if (open && close) {\r\n    const { hour: openHour, minute: openMinute } = open;\r\n    const { hour: closeHour, minute: closeMinute } = close;\r\n\r\n    const validationNumber = _.every(\r\n      [openHour, openMinute, closeHour, closeMinute],\r\n      time => _.isNumber(time)\r\n    );\r\n    const validationDay = crossValidation\r\n      ? (openHour < closeHour) || (openHour === closeHour && openMinute <= closeMinute)\r\n      : (openHour < closeHour) || (openHour === closeHour && openMinute < closeMinute);\r\n\r\n    if (validationNumber && validationDay) {\r\n      return true;\r\n    }\r\n  }\r\n  return false;\r\n};\r\n\r\nexport const getTimeSpanString = (timeSlot, i18n) => {\r\n  if (!timeSlot || timeSlot.openHour === null || timeSlot.openMinute === null ||\r\n    timeSlot.closeHour === null || timeSlot.closeMinute === null) {\r\n    return '-';\r\n  }\r\n  // All day: 12:00 AM - 11.59 PM\r\n  if (timeSlot && timeSlot.openHour === 0 && timeSlot.openMinute === 0\r\n    && (timeSlot.closeHour === 23 && timeSlot.closeMinute === 59)) {\r\n    return i18n.getString(_TL_('All day'));\r\n  }\r\n\r\n  const openStr = timeToString({ hour: timeSlot.openHour, minute: timeSlot.openMinute });\r\n  const closeStr = timeToString({ hour: timeSlot.closeHour, minute: timeSlot.closeMinute });\r\n\r\n  return `${openStr} - ${closeStr}`;\r\n};\r\n\r\nexport const getNextHour = hour => (hour + 1 >= 23 ? 23 : hour + 1);\r\n\r\nexport const sortTimeSlots = (timeSlots = []) => [...timeSlots].sort((a, b) => {\r\n  let compare = a.openHour - b.openHour;\r\n  if (compare === 0) {\r\n    compare = a.openMinute - b.openMinute;\r\n  }\r\n  return compare;\r\n});\r\n\r\nexport const validateTimeSlots = (timeSlots) => {\r\n  if (_.isEmpty(timeSlots)) {\r\n    return true;\r\n  }\r\n\r\n  const sortedArr = sortTimeSlots(timeSlots);\r\n  const isAllValid = sortedArr.every((e, index, sorted) => {\r\n    // validate currrent timeslot;\r\n    let isValid = validateOpenCloseTime(\r\n      { hour: e.openHour, minute: e.openMinute },\r\n      { hour: e.closeHour, minute: e.closeMinute }\r\n    );\r\n\r\n    if (index !== 0) {\r\n      // validate adjacent timeslots;\r\n      isValid = validateOpenCloseTime(\r\n        {\r\n          hour: sorted[index - 1].closeHour,\r\n          minute: sorted[index - 1].closeMinute,\r\n        },\r\n        { hour: e.openHour, minute: e.openMinute },\r\n        true\r\n      );\r\n    }\r\n\r\n    return isValid;\r\n  });\r\n\r\n  return isAllValid;\r\n};\r\n\r\nexport const reIndexTimeSlots = timeSlots => (\r\n  _.map(timeSlots, (value, index) => {\r\n    if (value.index === undefined) {\r\n      return {\r\n        ...value,\r\n        index,\r\n      };\r\n    }\r\n    return value;\r\n  })\r\n);\r\n\r\nexport const TIMESPANS = {\r\n  QUARTER: 15,\r\n  HALF_HOUR: 30,\r\n  HOUR: 60,\r\n};\r\n\r\nconst TIMESPAN_TO_OPTIONS = {\r\n  [TIMESPANS.QUARTER]: ['00', '15', '30', '45'],\r\n  [TIMESPANS.HALF_HOUR]: ['00', '30'],\r\n  [TIMESPANS.HOUR]: ['00'],\r\n};\r\n\r\n/**\r\n * Get time options with timeslot equals 15min\r\n * @param {Number} timeSpan Timespan to generate the time options.\r\n * @returns {Array} New time options\r\n */\r\nexport const getTimeOptions = (timeSpan = TIMESPANS.QUARTER) => {\r\n  const timeArr = Array.from(Array(12), (v, k) => k);\r\n  timeArr[0] = 12;\r\n  const timeslotsStr = TIMESPAN_TO_OPTIONS[timeSpan];\r\n\r\n  const timeOptionsFactory = (suffix) => {\r\n    const newTimeOptions = [];\r\n    _.forEach(timeArr, (time) => {\r\n      _.forEach(timeslotsStr, (slot) => {\r\n        const timeStr = `${time}:${slot} ${suffix}`;\r\n        newTimeOptions.push({ key: timeStr, text: timeStr });\r\n      });\r\n    });\r\n    return newTimeOptions;\r\n  };\r\n\r\n  return [...timeOptionsFactory('AM'), ...timeOptionsFactory('PM')];\r\n};\r\n\r\nexport const getTimestamp = (hour, minute) => {\r\n  if (!_.isNumber(hour) || !_.isNumber(minute)) {\r\n    return null;\r\n  }\r\n\r\n  return (hour * 60) + minute;\r\n};\r\n\r\n/**\r\n * Insert a new option into right place\r\n * @param {Array} options Time options\r\n * @param {Object} newOption New time option\r\n * @returns {Array} New time options\r\n */\r\nexport const insertTimeOption = (options, newOption) => {\r\n  const newOptions = [...options];\r\n  const { hour, minute } = tryParseTimeString(newOption.text) || {};\r\n\r\n  if (!_.isNumber(hour) || !_.isNumber(minute)) {\r\n    return options;\r\n  }\r\n\r\n  let isExsiting = false;\r\n  const newTimestamp = getTimestamp(hour, minute);\r\n\r\n  const targetIndex = _.findIndex(options, (option) => {\r\n    const parsedTime = tryParseTimeString(option.text);\r\n\r\n    if (parsedTime) {\r\n      const { hour: optionHour, minute: optionMinute } = parsedTime;\r\n      const optionTimestamp = getTimestamp(optionHour, optionMinute);\r\n\r\n      if (newTimestamp === optionTimestamp) {\r\n        isExsiting = true;\r\n      }\r\n\r\n      return optionTimestamp > newTimestamp;\r\n    }\r\n\r\n    return false;\r\n  });\r\n\r\n  if (isExsiting) {\r\n    return options;\r\n  }\r\n\r\n  const isValidOption = isHourValid(hour) && isMinuteValid(minute);\r\n  const formattedTimeStr = timeToString({ hour, minute }, 'h:mm');\r\n  const formattedTimeOption = { key: formattedTimeStr, text: formattedTimeStr };\r\n\r\n  if (targetIndex !== -1) {\r\n    newOptions.splice(targetIndex, 0, formattedTimeOption);\r\n  } else if (isValidOption) {\r\n    // New option is the last time option\r\n    newOptions.push(formattedTimeOption);\r\n  }\r\n\r\n  return newOptions;\r\n};\r\n\r\n/**\r\n * Set part of time options as diabled.\r\n * @param {Array} options Time options.\r\n * @param {Object} startOption Start of disabled option\r\n * @param {Object} endOption End of disabled option\r\n * @param {boolean} isNegative  If needs to do the negative transformation.\r\n * @returns {Array} New time options with disabled value.\r\n */\r\nexport const getTimeOptionsWithDisabledValue = (options, startOption, endOption, isNegative) => {\r\n  const startIndex = startOption\r\n    ? _.findIndex(options, option => option.text === startOption.text)\r\n    : 0;\r\n  const endIndex = endOption\r\n    ? _.findIndex(options, option => option.text === endOption.text)\r\n    : options.length - 1;\r\n\r\n  if (startIndex === -1 || endIndex === -1 || startIndex > endIndex) {\r\n    return options;\r\n  }\r\n\r\n  if (isNegative) {\r\n    return _.map(options, (option, index) => {\r\n      if (index >= startIndex && index <= endIndex) {\r\n        return { key: option.key, text: option.text };\r\n      }\r\n      return { ...option, disabled: true };\r\n    });\r\n  }\r\n\r\n  return _.map(options, (option, index) => {\r\n    if (index >= startIndex && index <= endIndex) {\r\n      return { ...option, disabled: true };\r\n    }\r\n    return { key: option.key, text: option.text };\r\n  });\r\n};\r\n\r\n/**\r\n * Judge if certain time is before or after than another time\r\n * @param {Object} time Judge target\r\n * @param {Object} comparedTime Time to be compared\r\n * @param {Boolean} beforeThanTarget If the time needs to be before than the comparedTime\r\n * @returns {Boolean} If the time is before or after than another time\r\n */\r\nexport const isTimeOptionValid = (time, comparedTime, beforeThanTarget) => {\r\n  if (isEmpty(time) || isEmpty(comparedTime)) {\r\n    return false;\r\n  }\r\n\r\n  const timestamp = getTimestamp(time.hour, time.minute);\r\n  const comparedTimestamp = getTimestamp(comparedTime.hour, comparedTime.minute);\r\n\r\n  return beforeThanTarget ? (timestamp < comparedTimestamp) : (timestamp > comparedTimestamp);\r\n};\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { getTimeSpanString, sortTimeSlots } from './time-utils';\r\n\r\nexport const TimeRangesView = ({\r\n  timeSlots,\r\n  i18n,\r\n}) => {\r\n  if (_.isEmpty(timeSlots)) {\r\n    return (\r\n      <div className=\"cell-placeholder\">{i18n.getString(_TL_('Closed'))}</div>\r\n    );\r\n  }\r\n\r\n  const slotElements = sortTimeSlots(timeSlots).map((timeSlot) => {\r\n    const str = getTimeSpanString(timeSlot, i18n);\r\n    return (\r\n      <div\r\n        className=\"cell-time-slot\"\r\n        key={str}\r\n      >\r\n        {str}\r\n      </div>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {slotElements}\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nTimeRangesView.propTypes = {\r\n  timeSlots: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getDayName } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { TimeRangesView } from './time-ranges-view';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  header: {\r\n    color: palette.secondaryText,\r\n    textAlign: 'center',\r\n    fontSize: 24,\r\n    lineHeight: '32px',\r\n    marginBottom: 18,\r\n    fontWeight: 600,\r\n  },\r\n  grid: {\r\n    display: 'inline-grid',\r\n    gridTemplateColumns: '1fr 1.2fr',\r\n    gridGap: '0px 12px',\r\n    fontSize: 16,\r\n    lineHeight: '20px',\r\n  },\r\n  gridRow: {},\r\n  gridHeader: {\r\n    fontWeight: 'bold',\r\n    textAlign: 'right',\r\n  },\r\n  gridCell: {\r\n    color: palette.secondaryText,\r\n  },\r\n});\r\n\r\nconst UnStyledSmartBusinessHoursView = ({\r\n  id,\r\n  hours,\r\n  i18n,\r\n  classes,\r\n  hideTitle,\r\n}) => {\r\n  const rows = hours.map(({ day, timeSlots }) => (\r\n    <React.Fragment key={day}>\r\n      <div className={classNames('grid-column-day', classes.gridCell, classes.gridHeader)}>\r\n        {getDayName(day, i18n)}\r\n      </div>\r\n      <div data-name={day} className={classNames('grid-column-time', classes.gridCell)}>\r\n        <TimeRangesView\r\n          timeSlots={timeSlots}\r\n          i18n={i18n}\r\n        />\r\n      </div>\r\n    </React.Fragment>\r\n  ));\r\n\r\n  return (\r\n    <div className=\"business-hours\" data-id={id}>\r\n      {\r\n        !hideTitle &&\r\n          <div className={classNames('business-hours-header', classes.header)}>\r\n            {i18n.getString(_TL_('Business hours'))}\r\n          </div>\r\n      }\r\n      <div className={classNames('grid-column-time', classes.grid)}>\r\n        {rows}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartBusinessHoursView.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  hours: PropTypes.arrayOf(PropTypes.shape({\r\n    day: PropTypes.string.isRequired,\r\n    timeSlots: PropTypes.arrayOf(PropTypes.object),\r\n  })).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    actionButton: PropTypes.string,\r\n  }).isRequired,\r\n  hideTitle: PropTypes.bool,\r\n};\r\n\r\nUnStyledSmartBusinessHoursView.defaultProps = {\r\n  hideTitle: false,\r\n};\r\n\r\nexport const SmartBusinessHoursView = withDefaultStyles(\r\n  UnStyledSmartBusinessHoursView,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport {\r\n  getComponentById,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n  getDefaultHoursConfig,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\n// to support saved siteConfig with hours in dataSource\r\n// read component config for businessHours first\r\n// then fallback to read from dataSource key\r\n// then fallback to default hours\r\nexport const proxyReadHoursConfig = (siteConfig, id) => {\r\n  const componentConfig = getComponentById(siteConfig, id);\r\n  const defaultHours = getDefaultHoursConfig();\r\n  const cmpHours = _.propertyOf(componentConfig)(DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n  const dsHours = getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessHours);\r\n\r\n  let hours = defaultHours;\r\n  if (!_.isEmpty(cmpHours)) {\r\n    hours = cmpHours;\r\n  } else if (!_.isEmpty(dsHours)) {\r\n    hours = dsHours;\r\n  }\r\n\r\n  return {\r\n    fromDs: !_.isEmpty(dsHours),\r\n    hours,\r\n  };\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { SmartBusinessHoursView } from './smart-hours-view';\r\nimport { proxyReadHoursConfig } from './proxy-read-hours-config';\r\n\r\nexport const SmartBusinessHoursConnector = ({\r\n  id,\r\n  hideTitle,\r\n}) => {\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const i18n = useContext(I18nContext);\r\n  const { hours } = proxyReadHoursConfig(siteConfig, id);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <SmartBusinessHoursView\r\n        id={id}\r\n        hours={hours}\r\n        i18n={i18n}\r\n        hideTitle={hideTitle}\r\n      />\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nSmartBusinessHoursConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  hideTitle: PropTypes.bool,\r\n};\r\n\r\nSmartBusinessHoursConnector.defaultProps = {\r\n  hideTitle: false,\r\n};\r\n\r\n","export const dataProperties = {\r\n  businessHours: 'businessHours',\r\n};\r\n\r\n// Indicate the Business Hour Style\r\nexport const Mode = {\r\n  INLINE: 'inline',\r\n  VERTICAL: 'vertical',\r\n};\r\n","import _ from 'underscore';\r\nimport React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport { TextField } from '@fluentui/react/lib/TextField';\r\nimport { IconButton } from '@fluentui/react/lib/Button';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { tryParseTimeString, timeToString, preventEventPropagation } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    margin: '10px 0px',\r\n  },\r\n  separator: {\r\n    padding: '6px 10px',\r\n  },\r\n  timeInputField: {\r\n    width: 185,\r\n  },\r\n  removeButton: {\r\n    border: 'none',\r\n    background: 'none',\r\n    height: 32,\r\n    fontSize: 16,\r\n  },\r\n});\r\n\r\nconst defaultTime = { hour: 0, minute: 0 };\r\n\r\nexport const UnStyledTimeRangeEditor = ({\r\n  classes,\r\n  i18n,\r\n  isDisabled,\r\n  isRemovable,\r\n  index,\r\n  open,\r\n  close,\r\n  onChange,\r\n  onRemove,\r\n  currentDay,\r\n}) => {\r\n  const timeFormat = 'hh:mm';\r\n\r\n  const [openTime, setOpenTime] = useState(open);\r\n  const [closeTime, setCloseTime] = useState(close);\r\n  const [openTimeError, setOpenTimeError] = useState('');\r\n  const [closeTimeError, setCloseTimeError] = useState('');\r\n\r\n  const buildChangeEventData = (timeOpen, timeClose, isValid) => {\r\n    const timeRange = {};\r\n\r\n    timeRange.openHour = timeOpen ? timeOpen.hour : null;\r\n    timeRange.openMinute = timeOpen ? timeOpen.minute : null;\r\n    timeRange.closeHour = timeClose ? timeClose.hour : null;\r\n    timeRange.closeMinute = timeClose ? timeClose.minute : null;\r\n\r\n    return {\r\n      index,\r\n      isValid,\r\n      ...timeRange,\r\n    };\r\n  };\r\n\r\n  const openTimeChange = (e, val) => {\r\n    if (_.isEmpty(val)) {\r\n      setOpenTimeError(i18n.getString(_TL_('Required')));\r\n      onChange(buildChangeEventData(null, closeTime, false));\r\n      return;\r\n    }\r\n\r\n    const time = tryParseTimeString(val);\r\n\r\n    if (time) {\r\n      setOpenTime({ ...time });\r\n      setOpenTimeError('');\r\n      onChange(buildChangeEventData(time, closeTime, true));\r\n      return;\r\n    }\r\n\r\n    setOpenTimeError(i18n.getString(_TL_('Invalid time')));\r\n    onChange(buildChangeEventData(null, closeTime, false));\r\n  };\r\n\r\n  const closeTimeChange = (e, val) => {\r\n    if (_.isEmpty(val)) {\r\n      setCloseTimeError(i18n.getString(_TL_('Required')));\r\n      onChange(buildChangeEventData(openTime, null, false));\r\n      return;\r\n    }\r\n\r\n    const time = tryParseTimeString(val);\r\n\r\n    if (time) {\r\n      setCloseTime({ ...time });\r\n      setCloseTimeError('');\r\n      onChange(buildChangeEventData(openTime, time, true));\r\n      return;\r\n    }\r\n\r\n    setCloseTimeError(i18n.getString(_TL_('Invalid time')));\r\n    onChange(buildChangeEventData(openTime, null, false));\r\n  };\r\n\r\n  const onRemoveClick = (e) => {\r\n    preventEventPropagation(e);\r\n    onRemove(index);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={classNames(classes.container, 'time-range-editor')}\r\n      data-index={index}\r\n    >\r\n      <Stack horizontal horizontalAlign=\"space-between\">\r\n        <TextField\r\n          className={classNames(classes.timeInputField, 'open-time')}\r\n          defaultValue={timeToString(openTime, timeFormat)}\r\n          onChange={openTimeChange}\r\n          errorMessage={openTimeError}\r\n          disabled={isDisabled}\r\n          aria-required=\"true\"\r\n          ariaLabel={\r\n            i18n.getString(_TL_('Opening time {{number}} for {{day}}'), {\r\n              number: index + 1,\r\n              day: currentDay,\r\n            })\r\n          }\r\n        />\r\n        <span className={classes.separator}>{i18n.getString(_TL_('-'))}</span>\r\n        <TextField\r\n          className={classNames(classes.timeInputField, 'close-time')}\r\n          defaultValue={timeToString(closeTime, timeFormat)}\r\n          onChange={closeTimeChange}\r\n          errorMessage={closeTimeError}\r\n          disabled={isDisabled}\r\n          aria-required=\"true\"\r\n          ariaLabel={\r\n            i18n.getString(_TL_('Closing time {{number}} for {{day}}'), {\r\n              number: index + 1,\r\n              day: currentDay,\r\n            })\r\n          }\r\n        />\r\n        {\r\n          isRemovable && !isDisabled && (\r\n            <span className=\"button-container\">\r\n              <IconButton\r\n                className={classNames(classes.removeButton, 'remove-button')}\r\n                onClick={onRemoveClick}\r\n                iconProps={{ iconName: 'Cancel' }}\r\n                ariaLabel={\r\n                  i18n.getString(_TL_('Remove open hours {{number}} for {{day}}'), {\r\n                    number: index + 1,\r\n                    day: currentDay,\r\n                  })}\r\n              />\r\n            </span>\r\n          )\r\n        }\r\n      </Stack>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledTimeRangeEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n    separator: PropTypes.string.isRequired,\r\n    removeButton: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  isDisabled: PropTypes.bool.isRequired,\r\n  isRemovable: PropTypes.bool.isRequired,\r\n  index: PropTypes.number,\r\n  open: PropTypes.shape({\r\n    hour: PropTypes.number,\r\n    minute: PropTypes.number,\r\n  }),\r\n  close: PropTypes.shape({\r\n    hour: PropTypes.number,\r\n    minute: PropTypes.number,\r\n  }),\r\n  onChange: PropTypes.func.isRequired,\r\n  onRemove: PropTypes.func,\r\n  currentDay: PropTypes.string.isRequired,\r\n};\r\n\r\nUnStyledTimeRangeEditor.defaultProps = {\r\n  index: 0,\r\n  open: defaultTime,\r\n  close: defaultTime,\r\n  onRemove: _.noop,\r\n};\r\n\r\nexport const TimeRangeEditor = withDefaultStyles(\r\n  UnStyledTimeRangeEditor,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport React, { useState, useEffect, useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Stack, IconButton, ComboBox } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { tryParseTimeString, timeToString, preventEventPropagation } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport {\r\n  getTimeOptions,\r\n  insertTimeOption,\r\n  getTimeOptionsWithDisabledValue,\r\n  isTimeOptionValid\r\n} from './time-utils';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    margin: '10px 0px',\r\n    '& .disabled-time-text-field .ms-TextField-fieldGroup::after': {\r\n      border: 'none',\r\n    },\r\n  },\r\n  separator: {\r\n    padding: '6px 10px',\r\n  },\r\n  timeInputField: {\r\n    width: 185,\r\n  },\r\n  removeButton: {\r\n    border: 'none',\r\n    background: 'none',\r\n    height: 32,\r\n    fontSize: 16,\r\n  },\r\n});\r\n\r\nconst defaultTime = { hour: 0, minute: 0 };\r\n\r\nconst styles = {\r\n  optionsContainerWrapper: {\r\n    maxHeight: 400,\r\n  },\r\n};\r\n\r\nexport const UnStyledTimeRangeEditor = ({\r\n  classes,\r\n  i18n,\r\n  isDisabled,\r\n  isRemovable,\r\n  index,\r\n  open,\r\n  close,\r\n  onChange,\r\n  onRemove,\r\n  currentDay,\r\n  isCheckAllDay,\r\n  timeSpan,\r\n}) => {\r\n  const timeFormat = 'h:mm';\r\n\r\n  const [openTimeOptions, setOpenTimeOptions] = useState(getTimeOptions(timeSpan));\r\n  const [closeTimeOptions, setCloseTimeOptions] = useState(getTimeOptions(timeSpan));\r\n  const [openTimeSelectedKey, setOpenTimeSelectedKey] = useState();\r\n  const [closeTimeSelectedKey, setCloseTimeSelectedKey] = useState();\r\n\r\n  const disabledClassName = isDisabled ? 'disabled-time-text-field' : '';\r\n\r\n  const buildChangeEventData = useCallback((timeOpen, timeClose) => {\r\n    const openHour = timeOpen ? timeOpen.hour : null;\r\n    const openMinute = timeOpen ? timeOpen.minute : null;\r\n    const closeHour = timeClose ? timeClose.hour : null;\r\n    const closeMinute = timeClose ? timeClose.minute : null;\r\n\r\n    return {\r\n      index,\r\n      openHour,\r\n      openMinute,\r\n      closeHour,\r\n      closeMinute,\r\n      isValid: true,\r\n    };\r\n  }, [index]);\r\n\r\n  // ComboBox in FluentUi has some issues:\r\n  // When scroll a long list and don't click the option item, the selectedKey will get updated.\r\n  // The solution is tell the difference of error scenario:\r\n  // Combox onChange method will be called under three types of event: keydown, blur and click.\r\n  // When the error scenario happens, the event type is \"blur\". The option value is not empty,\r\n  // but the option.text !== event.target.value.\r\n  const onOpenInputChange = (event, option, optionIndex, value) => {\r\n    preventEventPropagation(event);\r\n    // When user selects a option or types in a pre-defined value, option is available\r\n    if (option) {\r\n      const { type, target } = event;\r\n      const { key, text } = option;\r\n\r\n      // Handle the ComboxBox bug scenario\r\n      if (type === 'blur' && target.value && target.value !== text) {\r\n        return;\r\n      }\r\n\r\n      // If user selected a option, update selectedkey and timeslot in siteConfig.\r\n      const openTime = tryParseTimeString(text);\r\n      const closedOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n        closeTimeOptions,\r\n        null,\r\n        option\r\n      );\r\n\r\n      setOpenTimeSelectedKey(key);\r\n      setCloseTimeOptions(closedOptionsWithDisabledValue);\r\n      onChange(buildChangeEventData(openTime, close));\r\n    } else if (value) {\r\n      // If user typed desired time that doesn't exist in the option lists, add it.\r\n      const openTime = tryParseTimeString(value);\r\n      const currentCloseTime = tryParseTimeString(closeTimeSelectedKey);\r\n      const isValidOpenTime = isTimeOptionValid(openTime, currentCloseTime, true);\r\n\r\n      if (openTime && isValidOpenTime) {\r\n        // 24 hours/ 12 hours => 12 hours\r\n        const formattedTimeStr = timeToString(\r\n          { hour: openTime.hour, minute: openTime.minute },\r\n          timeFormat\r\n        );\r\n        const newOption = { key: formattedTimeStr, text: formattedTimeStr };\r\n        const newOpenTimeOptions = insertTimeOption(openTimeOptions, newOption);\r\n        const newCloseTimeOptions = insertTimeOption(closeTimeOptions, newOption);\r\n        const closedOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n          newCloseTimeOptions,\r\n          null,\r\n          newOption\r\n        );\r\n\r\n        setOpenTimeOptions(newOpenTimeOptions);\r\n        setOpenTimeSelectedKey(formattedTimeStr);\r\n        setCloseTimeOptions(closedOptionsWithDisabledValue);\r\n        onChange(buildChangeEventData(openTime, close));\r\n      }\r\n      // When user typed an invalid time string, just keep the previous one.\r\n    }\r\n  };\r\n\r\n  const onCloseInputChange = (event, option, optionIndex, value) => {\r\n    preventEventPropagation(event);\r\n    // When user selects a option or types in a pre-defined value, option is available\r\n    if (option) {\r\n      const { key, text } = option;\r\n      const { type, target } = event;\r\n\r\n      // Handle the ComboxBox bug scenario\r\n      if (type === 'blur' && target.value && target.value !== text) {\r\n        return;\r\n      }\r\n\r\n      // If user selected a option, update selectedkey and timeslot in siteConfig.\r\n      const closeTime = tryParseTimeString(text);\r\n      const openOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n        openTimeOptions,\r\n        option\r\n      );\r\n\r\n      setCloseTimeSelectedKey(key);\r\n      setOpenTimeOptions(openOptionsWithDisabledValue);\r\n      onChange(buildChangeEventData(open, closeTime));\r\n    } else if (value) {\r\n      // If user typed desired time that doesn't exist in the option lists, add it.\r\n      const closeTime = tryParseTimeString(value);\r\n      const currentOpenTime = tryParseTimeString(openTimeSelectedKey);\r\n      const isValidCloseTime = isTimeOptionValid(closeTime, currentOpenTime, false);\r\n\r\n      if (closeTime && isValidCloseTime) {\r\n        // 24 hours/ 12 hours => 12 hours\r\n        const formattedTimeStr = timeToString(\r\n          { hour: closeTime.hour, minute: closeTime.minute },\r\n          timeFormat\r\n        );\r\n        const newOption = { key: formattedTimeStr, text: formattedTimeStr };\r\n        const newCloseTimeOptions = insertTimeOption(closeTimeOptions, newOption);\r\n        const newOpenTimeOptions = insertTimeOption(openTimeOptions, newOption);\r\n        const openOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n          newOpenTimeOptions,\r\n          newOption\r\n        );\r\n\r\n        setCloseTimeOptions(newCloseTimeOptions);\r\n        setCloseTimeSelectedKey(formattedTimeStr);\r\n        setOpenTimeOptions(openOptionsWithDisabledValue);\r\n        onChange(buildChangeEventData(open, closeTime));\r\n      }\r\n      // When user typed an invalid time string, just keep the previous one.\r\n    }\r\n  };\r\n\r\n  const onRemoveClick = (e) => {\r\n    preventEventPropagation(e);\r\n    onRemove(index);\r\n  };\r\n\r\n  // Only trigger this hooks when isCheckAllDay changed and first render.\r\n  // Do not add open, close and other props into dependencies otherwise it will\r\n  // render repeatly.\r\n  useEffect(() => {\r\n    // update selectedKey and options.\r\n    const openTimeStr = timeToString(open, timeFormat);\r\n    const closeTimeStr = timeToString(close, timeFormat);\r\n    const openTimeIndex = _.findIndex(openTimeOptions, option => option.text === openTimeStr);\r\n    const closeTimeIndex = _.findIndex(closeTimeOptions, option => option.text === closeTimeStr);\r\n    const openOption = { key: openTimeStr, text: openTimeStr };\r\n    const closeOption = { key: closeTimeStr, text: closeTimeStr };\r\n\r\n    // Since openTimeOptions and closeTimeOptions always has same number options,\r\n    // any one would be fine\r\n    let newTimeOptions = [...openTimeOptions];\r\n    if (openTimeIndex === -1) {\r\n      // open time is not pre-defined, add it into options.\r\n      newTimeOptions = insertTimeOption(newTimeOptions, openOption);\r\n    }\r\n\r\n    if (closeTimeIndex === -1) {\r\n      // close time is not pre-defined, add it into options.\r\n      newTimeOptions = insertTimeOption(newTimeOptions, closeOption);\r\n    }\r\n\r\n    const openOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n      newTimeOptions,\r\n      closeOption\r\n    );\r\n    const closedOptionsWithDisabledValue = getTimeOptionsWithDisabledValue(\r\n      newTimeOptions,\r\n      null,\r\n      openOption\r\n    );\r\n\r\n    setCloseTimeOptions(closedOptionsWithDisabledValue);\r\n    setOpenTimeOptions(openOptionsWithDisabledValue);\r\n    setOpenTimeSelectedKey(openTimeStr);\r\n    setCloseTimeSelectedKey(closeTimeStr);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isCheckAllDay]);\r\n\r\n  return (\r\n    <div\r\n      className={classNames(classes.container, 'time-range-editor')}\r\n      data-index={index}\r\n    >\r\n      <Stack horizontal horizontalAlign=\"space-between\">\r\n        <ComboBox\r\n          className={classNames(classes.timeInputField, 'open-time', disabledClassName)}\r\n          allowFreeform\r\n          useComboBoxAsMenuWidth\r\n          autoComplete=\"on\"\r\n          styles={styles}\r\n          disabled={isDisabled}\r\n          selectedKey={openTimeSelectedKey}\r\n          options={openTimeOptions}\r\n          onChange={onOpenInputChange}\r\n          ariaLabel={\r\n            i18n.getString(_TL_('Opening time {{number}} for {{day}}'), {\r\n              number: index + 1,\r\n              day: currentDay,\r\n            })\r\n          }\r\n        />\r\n        <span className={classes.separator}>{i18n.getString(_TL_('-'))}</span>\r\n        <ComboBox\r\n          className={classNames(classes.timeInputField, 'close-time', disabledClassName)}\r\n          allowFreeform\r\n          useComboBoxAsMenuWidth\r\n          autoComplete=\"on\"\r\n          styles={styles}\r\n          disabled={isDisabled}\r\n          selectedKey={closeTimeSelectedKey}\r\n          options={closeTimeOptions}\r\n          onChange={onCloseInputChange}\r\n          ariaLabel={\r\n            i18n.getString(_TL_('Closing time {{number}} for {{day}}'), {\r\n              number: index + 1,\r\n              day: currentDay,\r\n            })\r\n          }\r\n        />\r\n        {\r\n          isRemovable && !isDisabled && (\r\n            <span className=\"button-container\">\r\n              <IconButton\r\n                className={classNames(classes.removeButton, 'remove-button')}\r\n                onClick={onRemoveClick}\r\n                iconProps={{ iconName: 'Cancel' }}\r\n                ariaLabel={\r\n                  i18n.getString(_TL_('Remove open hours {{number}} for {{day}}'), {\r\n                    number: index + 1,\r\n                    day: currentDay,\r\n                  })}\r\n              />\r\n            </span>\r\n          )\r\n        }\r\n      </Stack>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledTimeRangeEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n    separator: PropTypes.string.isRequired,\r\n    removeButton: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  isDisabled: PropTypes.bool.isRequired,\r\n  isRemovable: PropTypes.bool.isRequired,\r\n  index: PropTypes.number,\r\n  open: PropTypes.shape({\r\n    hour: PropTypes.number,\r\n    minute: PropTypes.number,\r\n  }),\r\n  close: PropTypes.shape({\r\n    hour: PropTypes.number,\r\n    minute: PropTypes.number,\r\n  }),\r\n  onChange: PropTypes.func.isRequired,\r\n  onRemove: PropTypes.func,\r\n  currentDay: PropTypes.string.isRequired,\r\n  isCheckAllDay: PropTypes.bool.isRequired,\r\n  timeSpan: PropTypes.number.isRequired,\r\n};\r\n\r\nUnStyledTimeRangeEditor.defaultProps = {\r\n  index: 0,\r\n  open: defaultTime,\r\n  close: defaultTime,\r\n  onRemove: _.noop,\r\n};\r\n\r\nexport const TimeRangeEditor = React.memo(withDefaultStyles(\r\n  UnStyledTimeRangeEditor,\r\n  getStyles\r\n));\r\n","import _ from 'underscore';\r\nimport React, { useCallback, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Toggle, CommandButton, Checkbox } from '@fluentui/react';\r\nimport { useIsBusinessHourSectionEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getIsOpenAllDay, getDayName } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { Mode } from './data-config';\r\nimport { TimeRangeEditor as TimeRangeEditorOld } from './time-range-editor';\r\nimport { TimeRangeEditor as TimeRangeEditorNew } from './time-range-editor-new';\r\nimport {\r\n  getNextHour,\r\n  validateTimeSlots,\r\n  reIndexTimeSlots,\r\n} from './time-utils';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    margin: 0,\r\n  },\r\n  containerInline: {\r\n    display: 'flex',\r\n    alignItems: 'start',\r\n\r\n    '& $toggle': {\r\n      marginTop: 5,\r\n      marginRight: 20,\r\n      minWidth: 120,\r\n      justifyContent: 'unset',\r\n\r\n      '& .ms-Toggle-label': {\r\n        marginLeft: 8,\r\n      },\r\n    },\r\n\r\n    '& $timeActionContainer': {\r\n      marginTop: 5,\r\n      marginLeft: 12,\r\n    },\r\n  },\r\n  toggle: {\r\n    justifyContent: 'space-between',\r\n  },\r\n  error: {\r\n    color: '#d13438',\r\n  },\r\n  addButton: {\r\n    padding: 0,\r\n  },\r\n  timeActionContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center',\r\n  },\r\n  timeRangeContainer: {\r\n    '& .ms-Checkbox': {\r\n      flexDirection: 'row-reverse',\r\n    },\r\n  },\r\n});\r\n\r\nconst addButtonStyle = {\r\n  label: {\r\n    color: '#0063B1',\r\n  },\r\n  labelDisabled: {\r\n    color: '#a19f9d',\r\n  },\r\n};\r\n\r\nconst toggleStyles = {\r\n  container: {\r\n    margin: '10px 0px',\r\n    display: 'flex',\r\n  },\r\n};\r\n\r\nconst checkBoxStyle = {\r\n  root: {\r\n    marginRight: '32px',\r\n  },\r\n};\r\n\r\nconst defaultTimeSlot = {\r\n  index: 0,\r\n  openHour: 9,\r\n  openMinute: 0,\r\n  closeHour: 17,\r\n  closeMinute: 0,\r\n  isValid: true,\r\n};\r\n\r\nconst getIsCheckAllDay = (value, isBusinessHourSectionEnabled) => {\r\n  // isCheckAllDay is only available under the pilot \"IsBusinessHourSectionEnabled\"\r\n  if (!isBusinessHourSectionEnabled) {\r\n    return false;\r\n  }\r\n\r\n  return getIsOpenAllDay(value);\r\n};\r\n\r\nexport const UnStyledSmartDayEditor = ({\r\n  classes,\r\n  i18n,\r\n  isDisabled,\r\n  value, // current day's data\r\n  onChange,\r\n  mode,\r\n  timeSpan,\r\n}) => {\r\n  const isBusinessHourSectionEnabled = useIsBusinessHourSectionEnabled();\r\n\r\n  const [isOpen, setIsOpen] = useState(!_.isEmpty(value.timeSlots));\r\n  const [canAdd, setCanAdd] = useState(value.isValid);\r\n  // This field can contain invalid timeslots while SiteConfig not.\r\n  const [timeSlots, setTimeSlots] = useState(reIndexTimeSlots(value.timeSlots));\r\n  const [showError, setShowError] = useState(false);\r\n  const [isCheckAllDay, setIsCheckAllDay] = useState(getIsCheckAllDay(\r\n    value,\r\n    isBusinessHourSectionEnabled\r\n  ));\r\n\r\n  const TimeRangeEditor = isBusinessHourSectionEnabled ? TimeRangeEditorNew : TimeRangeEditorOld;\r\n\r\n  // Update current day's data into SiteConfig\r\n  const triggerChange = useCallback((updatedTimeSlots) => {\r\n    const isValid = validateTimeSlots(updatedTimeSlots);\r\n    // TODO: _.last can't get the correct last timeslot, need retrieve the biggest index item\r\n    const last = _.last(updatedTimeSlots);\r\n    if ((last && last.openHour >= 23) || !isValid) {\r\n      setCanAdd(false);\r\n    } else {\r\n      setCanAdd(true);\r\n    }\r\n\r\n    setShowError(!isValid);\r\n    // Don't update siteConfig if current timeslots are invalid\r\n    if (!isValid) {\r\n      return;\r\n    }\r\n\r\n    const newDayData = {\r\n      day: value.day,\r\n      timeSlots: updatedTimeSlots,\r\n      isValid,\r\n    };\r\n    newDayData.isOpenAllDay = getIsCheckAllDay(newDayData, isBusinessHourSectionEnabled);\r\n\r\n    setIsCheckAllDay(newDayData.isOpenAllDay);\r\n    onChange(newDayData); // Modify the data in SiteConfig\r\n  }, [value.day, isBusinessHourSectionEnabled, onChange]);\r\n\r\n  // Control if a day is open.\r\n  const onToggleChange = useCallback((e, checked) => {\r\n    const newTimeSlots = checked ? [defaultTimeSlot] : [];\r\n\r\n    setIsOpen(checked);\r\n    setTimeSlots(newTimeSlots);\r\n    triggerChange(newTimeSlots);\r\n  }, [triggerChange]);\r\n\r\n  // Update a specific timeslot\r\n  const onTimeSlotChange = useCallback((updatedTimeSlot) => {\r\n    const newTimeSlots = _.map(\r\n      timeSlots,\r\n      ts => (ts.index === updatedTimeSlot.index ? updatedTimeSlot : ts)\r\n    );\r\n\r\n    setTimeSlots(newTimeSlots);\r\n    triggerChange(newTimeSlots);\r\n  }, [timeSlots, triggerChange]);\r\n\r\n  // Add a new timeslot\r\n  const onAdd = useCallback(() => {\r\n    const last = _.last(timeSlots);\r\n    let newTimeSlots;\r\n\r\n    if (last) {\r\n      const newIndex = last ? last.index + 1 : 0;\r\n      const nextHour = getNextHour(last.closeHour);\r\n      const newTimeSlot = {\r\n        index: newIndex,\r\n        openHour: nextHour,\r\n        openMinute: 0,\r\n        closeHour: nextHour,\r\n        closeMinute: 30,\r\n        isValid: true,\r\n      };\r\n      newTimeSlots = _.union(timeSlots, [newTimeSlot]);\r\n    } else {\r\n      newTimeSlots = [defaultTimeSlot];\r\n    }\r\n\r\n    setTimeSlots(newTimeSlots);\r\n    triggerChange(newTimeSlots);\r\n  }, [timeSlots, triggerChange]);\r\n\r\n  // Remove a specific timeslot\r\n  const onRemove = useCallback((index) => {\r\n    const newTimeSlots = _.reject(timeSlots, ts => ts.index === index);\r\n\r\n    setTimeSlots(newTimeSlots);\r\n    triggerChange(newTimeSlots);\r\n  }, [timeSlots, triggerChange]);\r\n\r\n  const onCheckAllDay = useCallback((event, checked) => {\r\n    setIsCheckAllDay(checked);\r\n    // check: Set time slots as 12:00 AM - 11:59 PM\r\n    // unCheck: Set time slots as default\r\n    const newTimeSlots = checked ? [{\r\n      index: 0,\r\n      openHour: 0,\r\n      openMinute: 0,\r\n      closeHour: 23,\r\n      closeMinute: 59,\r\n      isValid: true,\r\n    }] : [defaultTimeSlot];\r\n\r\n    setTimeSlots(newTimeSlots);\r\n    triggerChange(newTimeSlots);\r\n  }, [triggerChange]);\r\n\r\n  const currentDayLabel = getDayName(value.day, i18n);\r\n  const onText = i18n.getString(_TL_('Open'));\r\n  const offText = i18n.getString(_TL_('Closed'));\r\n  const showOnOffText = mode === Mode.VERTICAL;\r\n\r\n  // Render the day open toggle\r\n  const dayToggle = useMemo(() => (\r\n    <Toggle\r\n      className={classes.toggle}\r\n      label={currentDayLabel}\r\n      inlineLabel\r\n      defaultChecked={isOpen}\r\n      disabled={isDisabled}\r\n      onChange={onToggleChange}\r\n      styles={toggleStyles}\r\n      onText={showOnOffText ? onText : ''}\r\n      offText={showOnOffText ? offText : ''}\r\n      ariaLabel={`${currentDayLabel} ${isOpen ? onText : offText}`}\r\n    />\r\n  ), [classes.toggle, currentDayLabel, isOpen, isDisabled, onToggleChange, showOnOffText, onText, offText]);\r\n\r\n  // Render the add hours button\r\n  const addTimeRange = useMemo(() => !isCheckAllDay && (\r\n    <CommandButton\r\n      className={classNames(classes.addButton, 'add-button')}\r\n      disabled={!canAdd}\r\n      onClick={onAdd}\r\n      iconProps={{ iconName: 'Add' }}\r\n      text={i18n.getString(_TL_('Add more open hours'))}\r\n      styles={addButtonStyle}\r\n      ariaLabel={\r\n        i18n.getString(_TL_('Add more open hours to {{day}}'), { day: currentDayLabel })\r\n      }\r\n    />\r\n  ), [canAdd, classes.addButton, currentDayLabel, i18n, isCheckAllDay, onAdd]);\r\n\r\n  // Render the open all day checkbox\r\n  const openAllDayElement = useMemo(() => isBusinessHourSectionEnabled &&\r\n    (\r\n      <Checkbox\r\n        ariaLabel={i18n.getString(_TL_('Open all day'))}\r\n        label={i18n.getString(_TL_('Open all day'))}\r\n        checked={isCheckAllDay}\r\n        onChange={onCheckAllDay}\r\n        styles={timeSlots.length > 1 ? checkBoxStyle : {}}\r\n      />\r\n    ), [\r\n    i18n, isBusinessHourSectionEnabled, isCheckAllDay,\r\n    onCheckAllDay, timeSlots.length,\r\n  ]);\r\n\r\n  // Render the time range editor list\r\n  const timeRangeEditorList = useMemo(() => (\r\n    <div className={classes.timeRangeList}>\r\n      {\r\n          timeSlots.map(timeSlot => (\r\n            <TimeRangeEditor\r\n              key={`${value.day}-${timeSlot.index}`}\r\n              i18n={i18n}\r\n              isDisabled={isDisabled || isCheckAllDay}\r\n              isRemovable={timeSlots.length > 1}\r\n              index={timeSlot.index}\r\n              open={{ hour: timeSlot.openHour, minute: timeSlot.openMinute }}\r\n              close={{ hour: timeSlot.closeHour, minute: timeSlot.closeMinute }}\r\n              onChange={onTimeSlotChange}\r\n              onRemove={onRemove}\r\n              currentDay={currentDayLabel}\r\n              isCheckAllDay={isCheckAllDay}\r\n              timeSpan={timeSpan}\r\n            />\r\n          ))\r\n      }\r\n      {\r\n        showError && (\r\n          <div className={classNames(classes.error, 'time-ranges-error')}>\r\n            {i18n.getString(_TL_('Invalid time ranges'))}\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  ), [\r\n    classes.error, classes.timeRangeList, currentDayLabel, i18n,\r\n    isCheckAllDay, isDisabled, onRemove, onTimeSlotChange, showError,\r\n    timeSlots, value.day, timeSpan,\r\n  ]);\r\n\r\n  if (mode === Mode.INLINE) {\r\n    return (\r\n      <div\r\n        className={classNames(classes.containerInline, 'smart-day-editor')}\r\n        data-name={value.day}\r\n      >\r\n        {dayToggle}\r\n        <div className={classes.timeRangeContainer}>\r\n          {timeRangeEditorList}\r\n          {!isDisabled && isOpen && openAllDayElement}\r\n        </div>\r\n        {\r\n          !isDisabled && isOpen && (\r\n            <div className={classes.timeActionContainer}>\r\n              {addTimeRange}\r\n            </div>\r\n          )\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={classNames(classes.container, 'smart-day-editor')}\r\n      data-name={value.day}\r\n    >\r\n      {dayToggle}\r\n      {timeRangeEditorList}\r\n      {\r\n        !isDisabled && isOpen && (\r\n          <div className={classes.timeActionContainer}>\r\n            {addTimeRange}\r\n            {openAllDayElement}\r\n          </div>\r\n        )\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartDayEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n    error: PropTypes.string.isRequired,\r\n    addButton: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  isDisabled: PropTypes.bool.isRequired,\r\n  value: PropTypes.shape({\r\n    day: PropTypes.string.isRequired,\r\n    timeSlots: PropTypes.arrayOf(PropTypes.object),\r\n    isValid: PropTypes.bool.isRequired,\r\n  }).isRequired,\r\n  onChange: PropTypes.func.isRequired,\r\n  mode: PropTypes.string.isRequired,\r\n  timeSpan: PropTypes.number.isRequired,\r\n};\r\n\r\nexport const SmartDayEditor = withDefaultStyles(\r\n  UnStyledSmartDayEditor,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport React, { useCallback, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Toggle } from '@fluentui/react/lib/Toggle';\r\n\r\nimport { useDefaultEditorStyle } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { TIMESPANS } from './time-utils';\r\nimport { SmartDayEditor } from './smart-day-editor';\r\n\r\nconst getStyles = () => ({\r\n  hoursTitle: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    marginTop: 20,\r\n  },\r\n  hourEditorsContainer: {\r\n    margin: 0,\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartHoursEditor = ({\r\n  classes,\r\n  i18n,\r\n  id,\r\n  // Header Toggle related Props\r\n  // 1. Whether show header toggle\r\n  showHeaderToggle,\r\n  // 2. Default value for header toggle\r\n  headerToggleChecked,\r\n  // 3. Callback for header toggle change\r\n  onHeaderToggleChange,\r\n  // 4. Toggle label\r\n  headerToggleLabel,\r\n  // time values\r\n  time,\r\n  // Callback for time changing\r\n  onTimeChange,\r\n  // Style mode\r\n  mode,\r\n  // how long between two adjacent timeoptions,\r\n  timeSpan,\r\n}) => {\r\n  const toggleText = i18n.getString(_TL_('Display on website'));\r\n  const {\r\n    sectionTitleClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const [isEditable, setEditable] = useState(showHeaderToggle ? headerToggleChecked : true);\r\n\r\n  // Update a certain day and change siteConfig\r\n  const onDayChange = useCallback(({\r\n    day,\r\n    timeSlots,\r\n    isValid,\r\n    isOpenAllDay,\r\n  }) => {\r\n    const updatedDays = _.map(time, d => (\r\n      d.day === day ? {\r\n        day,\r\n        timeSlots,\r\n        isValid,\r\n        isOpenAllDay,\r\n      } : d\r\n    ));\r\n\r\n    onTimeChange(updatedDays);\r\n  }, [onTimeChange, time]);\r\n\r\n  // Render each day's timeslots\r\n  const days = useMemo(() => time.map(day => (\r\n    <SmartDayEditor\r\n      key={`edit-${day.day}`}\r\n      data-name={day.day}\r\n      i18n={i18n}\r\n      isDisabled={!isEditable}\r\n      mode={mode}\r\n      value={day}\r\n      onChange={onDayChange}\r\n      timeSpan={timeSpan}\r\n    />\r\n  )), [onDayChange, time, i18n, isEditable, mode, timeSpan]);\r\n\r\n  const editableChange = useCallback((e, checked) => {\r\n    setEditable(checked);\r\n    onHeaderToggleChange(checked);\r\n  }, [onHeaderToggleChange]);\r\n\r\n  const toggleLabel = headerToggleLabel || i18n.getString(_TL_('Business hours'));\r\n\r\n  return (\r\n    <div className=\"smart-hours-editor\" data-id={id}>\r\n      {\r\n        showHeaderToggle\r\n          && <Toggle\r\n            label={\r\n              <span className={sectionTitleClassName}>{toggleLabel}</span>\r\n            }\r\n            className={classNames(classes.hoursTitle, 'hours-toggle')}\r\n            inlineLabel\r\n            onText={toggleText}\r\n            offText={toggleText}\r\n            defaultChecked={isEditable}\r\n            onChange={editableChange}\r\n          />\r\n      }\r\n      <div className={classNames(classes.hourEditorsContainer, 'days-editor-container')}>\r\n        { days }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartHoursEditor.propTypes = {\r\n  classes: PropTypes.shape({\r\n    hoursTitle: PropTypes.string.isRequired,\r\n    hourEditorsContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  showHeaderToggle: PropTypes.bool,\r\n  headerToggleLabel: PropTypes.string,\r\n  headerToggleChecked: PropTypes.bool,\r\n  onHeaderToggleChange: PropTypes.func,\r\n  time: PropTypes.arrayOf(PropTypes.shape({\r\n    day: PropTypes.string,\r\n    isValid: PropTypes.bool,\r\n    timeSlots: PropTypes.array,\r\n  })).isRequired,\r\n  onTimeChange: PropTypes.func.isRequired,\r\n  mode: PropTypes.string.isRequired,\r\n  timeSpan: PropTypes.number,\r\n};\r\n\r\nUnStyledSmartHoursEditor.defaultProps = {\r\n  showHeaderToggle: false,\r\n  headerToggleLabel: '',\r\n  headerToggleChecked: true,\r\n  onHeaderToggleChange: _.noop,\r\n  timeSpan: TIMESPANS.QUARTER,\r\n};\r\n\r\nexport const SmartHoursEditor = withDefaultStyles(\r\n  UnStyledSmartHoursEditor,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport React, { useState, useCallback, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById,\r\n  getComponentByType,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  COMPONENT_TYPE_MAPPING,\r\n  useDefaultEditorStyle,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { Mode } from './data-config';\r\nimport { SmartHoursEditor } from './smart-hours-editor';\r\nimport { proxyReadHoursConfig } from './proxy-read-hours-config';\r\n\r\nexport const SmartBusinessHoursEditorWrapper = ({\r\n  i18n,\r\n  componentId,\r\n  isInContact,\r\n  showHeaderToggle,\r\n  headerToggleChecked,\r\n  onHeaderToggleChange,\r\n  mode,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n  const {\r\n    siteConfig,\r\n    dispatchSiteConfig,\r\n  } = useContext(SiteConfigContext);\r\n  const [dataSourceCleaned, setDataSourceCleaned] = useState(false);\r\n\r\n  const { hours, fromDs } = proxyReadHoursConfig(siteConfig, componentId);\r\n\r\n  // Update date change into SiteConfig\r\n  const onTimeChange = useCallback((updatedHours) => {\r\n    const componentConfig = getComponentById(siteConfig, componentId);\r\n\r\n    const update = {\r\n      [DATA_SOURCE_KEY_MAPPING.BusinessHours]: updatedHours,\r\n    };\r\n\r\n    // Update Business Hours in SiteConfig\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: {\r\n        ...componentConfig,\r\n        ...update,\r\n      },\r\n    });\r\n\r\n    // When importing from FB, the business hours data is stored in Datasource,\r\n    // need to remove this after it's been stored in SiteConfig\r\n    if (fromDs && !dataSourceCleaned) {\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_DATASOURCE_BY_NAME',\r\n        payload: {\r\n          name: DATA_SOURCE_KEY_MAPPING.BusinessHours,\r\n          value: null,\r\n        },\r\n      });\r\n      setDataSourceCleaned(true);\r\n    }\r\n\r\n    // If this component is renderred inside the independent Business Hours component,\r\n    // make sure the update is also patched into Contact Component.\r\n    // TODO: After GA, remove this logic\r\n    if (!isInContact) {\r\n      const contactComponentConfig = getComponentByType(siteConfig, COMPONENT_TYPE_MAPPING.Contact);\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_COMPONENT_BY_ID',\r\n        payload: {\r\n          ...contactComponentConfig,\r\n          ...update,\r\n          showHours: true,\r\n        },\r\n      });\r\n    }\r\n  }, [dataSourceCleaned, dispatchSiteConfig, fromDs, componentId, isInContact, siteConfig]);\r\n\r\n  const businessHoursEditor = (\r\n    <SmartHoursEditor\r\n      i18n={i18n}\r\n      id={componentId}\r\n      showHeaderToggle={showHeaderToggle}\r\n      headerToggleChecked={headerToggleChecked}\r\n      onHeaderToggleChange={onHeaderToggleChange}\r\n      time={hours}\r\n      onTimeChange={onTimeChange}\r\n      mode={mode}\r\n    />\r\n  );\r\n\r\n  if (isInContact) {\r\n    return businessHoursEditor;\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Business hours'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Set your business hours to let potential customers know when you\\'re open.'))}\r\n      </div>\r\n      <div className={editorContentClassName}>\r\n        {businessHoursEditor}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSmartBusinessHoursEditorWrapper.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  isInContact: PropTypes.bool,\r\n  showHeaderToggle: PropTypes.bool,\r\n  headerToggleChecked: PropTypes.bool,\r\n  onHeaderToggleChange: PropTypes.func,\r\n  mode: PropTypes.string,\r\n};\r\n\r\nSmartBusinessHoursEditorWrapper.defaultProps = {\r\n  isInContact: false,\r\n  showHeaderToggle: false,\r\n  headerToggleChecked: true,\r\n  onHeaderToggleChange: _.noop,\r\n  mode: Mode.VERTICAL,\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useIsBusinessHourSectionEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\n\r\nimport { SmartBusinessHoursConnector } from './smart-hours-connector';\r\n\r\nconst getStyles = components => ({\r\n  container: {\r\n    ...components.section,\r\n    marginLeft: '13%',\r\n    marginRight: '13%',\r\n  },\r\n  title: {\r\n    ...components.sectionTitle,\r\n  },\r\n  businessHoursContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartBusinesHoursViewWrapper = ({\r\n  classes,\r\n  id,\r\n}) => {\r\n  const i18n = useContext(I18nContext);\r\n  const isBusinessHourSectionEnabled = useIsBusinessHourSectionEnabled();\r\n\r\n  if (!isBusinessHourSectionEnabled) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classes.container}\r\n    >\r\n      <h2 className={classNames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Business Hours'))}\r\n      </h2>\r\n      <div className={classes.businessHoursContainer}>\r\n        <SmartBusinessHoursConnector id={id} hideTitle />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartBusinesHoursViewWrapper.propTypes = {\r\n  classes: PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    container: PropTypes.string.isRequired,\r\n    businessHoursContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartBusinessHoursViewWrapper = withErrorView(withDefaultStyles(\r\n  UnStyledSmartBusinesHoursViewWrapper,\r\n  getStyles\r\n), 'componentMode');\r\n","import {\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getWebsiteSourceDataByKey,\r\n  getComponentByType,\r\n  COMPONENT_TYPE_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nconst componentKey = WEBSITE_SOURCE_DATA_KEY_MAPPING.PrivacyPolicy;\r\n\r\nexport const proxyReadPrivacyPolicyComponentConfig = (siteConfig) => {\r\n  const policyContent = getWebsiteSourceDataByKey(siteConfig, componentKey);\r\n  const { isPrivacyStatementReviewed } = getComponentByType(\r\n    siteConfig,\r\n    COMPONENT_TYPE_MAPPING.Footer\r\n  );\r\n\r\n  return {\r\n    policyContent,\r\n    isPrivacyStatementReviewed,\r\n  };\r\n};\r\n","export const dataProperties = {\r\n  privacyPolicy: 'privacyPolicy',\r\n};\r\n\r\nexport const privacyContentMaxLength = 10000;\r\n","/* eslint-disable quotes */\r\n/* eslint-disable no-irregular-whitespace */\r\nimport _ from 'underscore';\r\n\r\nimport { getTranslatedTemplate } from './privacy-content-template';\r\n\r\nconst enBoilerplate = `<div style=\"font-family:&quot;Segoe UI&quot;, &quot;Segoe UI Web (West European)&quot;, &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, &quot;Helvetica Neue&quot;, sans-serif;font-size:14px\"><div style=\"text-align:center\"><span><b><br></b></span></div><div style=\"text-align:center\"><span><b>SAMPLE PRIVACY STATEMENT&nbsp;</b>&nbsp;</span></div><div><br></div><div>The purpose of a privacy statement is to provide information regarding the personal data you collect or process, how you collect or process it, and for what purposes. This template is for reference purposes only, and you <u>must customize it for your business</u>, as privacy laws vary by location and industry. &nbsp;</div><div><br></div><div>You may have obligations to provide specific disclosures under law, you may have specific obligations to your services providers, and you may need specific user consents and/or to allow users to opt-out of the collection or sharing of their personal data. This template <u>should not be used outside the United States.</u> &nbsp;</div><div><br></div><div>This template is not legal advice nor a substitute for a privacy assessment, security review, legal review, or robust privacy program management. </div><div><br></div><div><b>ANY USE OF THE TEMPLATE IS AT YOUR OWN RISK AND IT IS RECOMMENDED THAT YOU REVIEW THIS TEMPLATE WITH YOUR LEGAL COUNSEL PRIOR TO USE. </b></div><div><br></div><div>--------------------------------------------------------------------------------------------------------------------- </div><div><br></div><div style=\"text-align:center\">[Please customize this sample Privacy Statement] </div><div><br></div><div>[Company Name] is committed to protecting the privacy and security of your information in accordance with this Privacy Statement and applicable law. &nbsp;</div><div><br></div><div><b>Information collected: &nbsp;</b></div><div><br></div><div><i>[If you collect data using a customer action button like “Get Quote” or “Book Appointment”] &nbsp;</i></div><div><br></div><div><b>Webforms: </b></div><div><br></div><div>[Your website name] uses webforms forms on this site. These forms require users to give contact information [list information collected]. Contact information from the registration form is used to send material relating to the [event/course/purpose] for which it was collected and may be shared with our advertising partners or other third parities for advertising purposes. &nbsp;</div><div><br></div><div>If you complete an intake form, we collect the following personal information: &nbsp; </div><div><ul><li>First and last name </li><li>email address<br></li><li>phone number<br></li></ul></div><div><br></div><div><i>[If your site uses analytics, customize the following to clearly state what data is collected.] </i></div><div><br></div><div><b>Analytics: </b></div><div><br></div><div>[Website name] servers collect the following analytics:  </div><div><ul><li>Anonymized conversion data through customer action button </li></ul></div><div><br></div><div><b>Other Information we Collect:</b></div><div><b><br></b></div><div><i>Microsoft Smart Pages does not collect any other information, so you can delete this section if not applicable.</i><br></div><div><ul><li>[Other forms of data collection: Customize to accurately reflect other ways data is collected on your website such as via webforms, cookies, surveys, or registration forms.] </li></ul></div><div><br></div><div><b>Third Party Data Collection: </b></div><div><b><br></b></div><div>In addition, our website utilizes Microsoft Advertising, and we created our website using Smart Pages. Microsoft will collect and share the following information with [Company Name] in accordance with their Privacy Statement at <u><a href=\"https://privacy.microsoft.com/en-us/privacystatement\" title=\"https://privacy.microsoft.com/en-us/privacystatement\" target=\"_blank\">Microsoft Privacy Statement – Microsoft privacy</a></u>.&nbsp;&nbsp;<br></div><div><ul><li>conversion data if you click a customer action button from an ad </li><li>personal data associated with the action button, including:<br></li><ul><li>first and last name<br></li><li>email address&nbsp;&nbsp;<br></li><li>phone number&nbsp;&nbsp;<br></li></ul></ul></div><div><br></div><div>Microsoft will use the above information in accordance with their Privacy Statement at <a href=\"https://privacy.microsoft.com/en-us/privacystatement\" title=\"https://privacy.microsoft.com/en-us/privacystatement\" target=\"_blank\"><u>Microsoft Privacy Statement – Microsoft privacy</u></a> for the following purposes: &nbsp; </div><div><ul><li><span>to show you ads that are more personalized<br></span></li><li>to improve their advertising products and services&nbsp;&nbsp;<br></li><li>Smart Page website optimization and troubleshooting</li></ul></div><div><br></div><div>Microsoft account users can manage their ad settings and opt-out of personalized advertising at: <a href=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" title=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" target=\"_blank\"><u>Microsoft account | Privacy</u></a>&nbsp;&nbsp;<br></div><div><br></div><div><b>Cookies: </b></div><div><br></div><div>[Your website name] site may use \"cookies\" in order to deliver web content specific to individual users' interests or to keep track of online purchasing transactions. <i>Microsoft Smart Pages does not collect any other information, so you can delete this section if not applicable. </i></div><div><br></div><div><b>Use of collected information:</b></div><div><b><br></b></div><div><i>[Customize the following to reflect the data collection and use] </i></div><div><br></div><div>[Your website name] will use personal information collected from this site for the purpose of communication back to individuals who contact us via the site and for the following: &nbsp;</div><div><ul><li><span>to respond to requests for quotes or proposals<br></span></li><li>to provide our products/services<br></li><li>to provide customer service&nbsp;&nbsp;<br></li><li>to improve our products and services&nbsp;&nbsp;<br></li><li>to update, secure and troubleshoot our website<br></li><li>to personalize our products and make recommendations&nbsp;&nbsp;<br></li><li>to advertise and market to you, including sending promotional communications, targeted advertising, and to present you with relevant offers&nbsp;&nbsp;<br></li></ul></div><div><b>Distribution of collected information:</b><br></div><div><b><br></b></div><div><i>[Customize the following to confirm accuracy]</i><br></div><div><ul><li><span>[Your website name] will not disclose, without your consent, personal information collected about you, except for as outlined in this Privacy Statement or where required by law.<br></span></li><li>[Your website name] will not sell personal information to third-party organizations.<br></li></ul></div><div><br></div><div><b>Privacy Statement Revisions: </b></div><div><br></div><div>This Privacy Statement was last revised on [Date of last revision]. We may change this Privacy Statement at any time and for any reason. We encourage you to review this Privacy Statement each time you visit the web site. </div><div><br></div><div><b>Responsibility for External Sites: </b></div><div><br></div><div>This website may contain links to other web sites. Some of those web sites may be operated by third parties. We provide the links for your convenience, but we do not review, control, or monitor the privacy practices of web sites operated by others. We are not responsible for the performance of web sites operated by third parties or for your business dealings with them. Therefore, whenever you leave this web site we recommend that you review each web site's privacy practices and make your own conclusions regarding the adequacy of these practices. </div><div><br></div><div><b>Cross-Border Data Transfer:</b><div><br></div><div>[Your website name] is located in [insert location] and to the extent that [Your website name] collects, processes, or stores personal data outside the European Union, we comply with applicable data transfer laws. &nbsp;</div><div><br></div><div>We created our website using Microsoft Smart Pages. Microsoft stores website information on behalf of [Your website name]in accordance with their Privacy Statement at Microsoft Privacy Statement – Microsoft privacy. &nbsp; </div><div><br></div>Microsoft adheres to the principles of the EU-U.S. and Swiss-U.S. Privacy Shield frameworks, although Microsoft does not rely on the EU-U.S. Privacy Shield Framework as a legal basis for transfers of personal data in light of the judgment of the Court of Justice of the EU in Case C-311/18. To learn more, visit the <a href=\"https://www.privacyshield.gov/welcome\" title=\"https://www.privacyshield.gov/welcome\" target=\"_blank\"><u>U.S. Department of Commerce’s Privacy Shield website</u></a>. <br></div><div><br></div><div><b>How to contact us</b></div><div><b><br></b></div><div>You may contact us at: </div><div>[insert contact information]&nbsp;&nbsp;<br></div></div>`;\r\nconst esBoilerplate = `<div style=\"font-family:&quot;Segoe UI&quot;, &quot;Segoe UI Web (West European)&quot;, &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, &quot;Helvetica Neue&quot;, sans-serif;font-size:14px\"><div style=\"text-align: center; font-family: &quot;Segoe UI&quot;, &quot;Segoe UI Web (West European)&quot;, &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, &quot;Helvetica Neue&quot;, sans-serif; font-size: 14px; color: inherit;\"><span><b></b></span></div><div style=\"text-align:center\"><b><br></b></div><div style=\"text-align:center\"><b>EJEMPLO DE DECLARACIÓN DE PRIVACIDAD</b></div><div style=\"text-align:center\"><b><br></b></div><div>El propósito de una declaración de privacidad es proporcionar información sobre los datos personales que recopila o trata, cómo los recopila o trata y con qué fines. Esta plantilla es solo para fines de referencia y <b><u>debe personalizarla para su empresa</u></b>, ya que las leyes de privacidad varían según la ubicación y el sector. </div><div><br></div><div>Es posible que tenga la obligación de proporcionar información específica en virtud de la ley, que tenga obligaciones específicas con respecto a sus proveedores de servicios y que necesite consentimientos específicos del usuario o permitir que los usuarios rechacen la recopilación o la cesión de sus datos personales. Esta plantilla <u><b>no debe utilizarse fuera de los Estados Unidos</b></u>. </div><div><br></div><div>Esta plantilla no constituye asesoramiento legal ni sustituye a una evaluación de privacidad, revisión de seguridad, revisión legal o gestión integral del programa de privacidad.</div><div><br></div><div><b>CUALQUIER USO DE LA PLANTILLA CORRE POR SU CUENTA Y RIESGO Y SE RECOMIENDA QUE REVISE ESTA PLANTILLA CON SU ASESOR LEGAL ANTES DE USARLA.</b></div><div><b><br></b></div><div style=\"text-align:center\">------------------------------------------------------------------------------------------------------------------------------</div><div style=\"text-align:center\"><br></div><div style=\"text-align:center\"><b><i>[Personalice este ejemplo de Declaración de privacidad]</i></b></div><div style=\"text-align:center\"><b><i><br></i></b></div><div><b>[Nombre de la empresa]</b> se compromete a proteger la privacidad y seguridad de sus datos de acuerdo con esta Declaración de privacidad y la legislación aplicable. </div><div><br></div><div><b>Datos recopilados: </b></div><div><b><br></b></div><div><i>[Si recopila datos utilizando un botón de acción del cliente como “Obtener presupuesto” o “Reservar cita”] </i></div><div><i><br></i></div><div><b>Formularios web:</b></div><div><b><br></b></div><div>[Nombre de su sitio web] utiliza formularios web en este sitio. Estos formularios requieren que los usuarios proporcionen información de contacto [enumerar los datos recopilados]. La información de contacto del formulario de registro se utiliza para enviar material relacionado con el [evento/curso/propósito] para el que se recopiló y puede cederse a nuestros socios publicitarios u otros terceros con fines publicitarios. </div><div><br></div><div>Si cumplimenta un formulario de admisión, recopilamos los siguientes datos personales: &nbsp;</div><div><ul><li>Nombre y apellidos</li><li>Dirección de correo electrónico</li><li>Número de teléfono</li></ul></div><div><i>[Si su sitio utiliza análisis, personalice lo siguiente para indicar claramente qué datos se recopilan.]</i></div><div><br></div><div><b>Análisis:</b></div><div>Los servidores de [Nombre del sitio web] recopilan los siguientes análisis: </div><div><ul><li>Datos de conversión anonimizados a través del botón de acción del cliente</li></ul></div><div><br></div><div><b>Otra información que recopilamos:</b></div><div><b><br></b></div><div><i>Microsoft Smart Pages no recopila ninguna otra información, por lo que puede eliminar esta sección si no procede.</i></div><div><ul><li>[Otras formas de recopilación de datos: Personalizar para reflejar con precisión otras formas en que se recopilan datos en su sitio web, como a través de formularios web, cookies, encuestas o formularios de registro.]</li></ul></div><div><br></div><div><b>Recopilación de datos de terceros:</b></div><div><b><br></b></div><div>Además, nuestro sitio web utiliza Microsoft Advertising y creamos nuestro sitio web utilizando Smart Pages. Microsoft recopilará y cederá la siguiente información con [Nombre de la empresa] de acuerdo con su <u>Declaración de privacidad en Declaración de privacidad de Microsoft – Privacidad de Microsoft. </u></div><div><ul><li>datos de conversión si hace clic en el botón de acción de un cliente desde un anuncio</li><li>datos personales asociados con el botón de acción, incluidos:</li><ul><li>nombre y apellidos</li><li>dirección de correo electrónico </li><li>número de teléfono</li></ul></ul></div><div><br></div><div>Microsoft utilizará la información anterior de acuerdo con su <u>Declaración de privacidad en la Declaración de privacidad de Microsoft – Privacidad de Microsoft</u> para los siguientes fines: </div><div><ul><li>para mostrarle anuncios más personalizados</li><li>para mejorar sus productos y servicios publicitarios </li><li>Optimización y solución de problemas del sitio web de Smart Page</li></ul></div><div>Los usuarios de cuentas de Microsoft pueden gestionar su configuración de anuncios y darse de baja de la publicidad personalizada en: <a href=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" title=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" target=\"_blank\"><u>Cuenta de Microsoft | Privacidad</u></a></div><div><br></div><div><b>Cookies:</b></div><div><b><br></b></div><div>[Nombre de su sitio web ] puede utilizar “cookies” para ofrecer contenido web específico para los intereses individuales de los usuarios opara realizar un seguimiento de las transacciones de compra en línea. <i>Microsoft Smart Pages no recopila ninguna otra información, por lo que puede eliminar esta sección si no procede.</i></div><div><br></div><div><b>Uso de la información recopilada:</b></div><div><i>[Personalice lo siguiente para reflejar la recopilación y el uso de datos]</i></div><div><i><br></i></div><div>[Nombre de su sitio web] utilizará la información personal recopilada de este sitio con el fin de comunicarse con las personas que se pongan en contacto con nosotros a través del sitio y para lo siguiente: </div><div><ul><li>para responder a solicitudes de presupuestos o propuestas</li><li>para proporcionar nuestros productos/servicios</li><li>para proporcionar servicio al cliente </li><li>para mejorar nuestros productos y servicios </li><li>para actualizar, proteger y solucionar problemas en nuestro sitio web</li><li>para personalizar nuestros productos y hacer recomendaciones </li><li>para anunciarle y comercializar, incluido el envío de comunicaciones promocionales, publicidad dirigida y para presentarle ofertas relevantes </li></ul></div><div><br></div><div><b>Distribución de la información recopilada:</b></div><div><i>[Personalice lo siguiente para confirmar la exactitud]</i></div><div><i><br></i></div><div><ul><li>[Nombre de su sitio web] no cederá, sin su consentimiento, la información personal recopilada sobre usted, excepto según se describe en esta Declaración de privacidad o cuando lo exija la ley.</li><li>[Nombre de su sitio web ] no venderá información personal a organizaciones externas.</li></ul></div><div><br></div><div><b>Revisiones de la declaración de privacidad:</b></div><div><b><br></b></div><div>Esta Declaración de privacidad se revisó por última vez el [Fecha de la última revisión]. Podemos cambiar esta Declaración de privacidad en cualquier momento y por cualquier motivo. Le recomendamos que revise esta Declaración de privacidad cada vez que visite el sitio web.</div><div><br></div><div><b>Responsabilidad de los sitios externos:</b></div><div><br></div><div>Este sitio web puede contener enlaces a otros sitios web. Algunos de esos sitios web pueden ser gestionados por terceros. Proporcionamos los enlaces para su comodidad, pero no revisamos, controlamos ni supervisamos las prácticas de privacidad de los sitios web gestionados por terceros. No somos responsables del rendimiento de los sitios web gestionados por terceros ni de sus relaciones comerciales con ellos. Por lo tanto, siempre que salga de este sitio web, le recomendamos que revise las prácticas de privacidad de cada sitio web y que saque sus propias conclusiones sobre la idoneidad de estas prácticas.</div><div><br></div><div><b>Transferencia de datos transfronteriza:</b></div><div><br></div><div>[Nombre de su sitio web ] se encuentra en [insertar ubicación] y, en la medida en que [Nombre de su sitio web] recopile, trate o almacene datos personales fuera de la Unión Europea, cumplimos con las leyes de transferencia de datos aplicables. </div><div><br></div><div>Creamos nuestro sitio web con Microsoft Smart Pages. Microsoft almacena información del sitio web en nombre de [Nombre de sitio web]de acuerdo con su <u>Declaración de privacidad en la Declaración de privacidad de Microsoft – Privacidad de Microsoft</u>. </div><div><br></div><div>Microsoft se adhiere a los principios de los marcos de los Escudos de Privacidad UE-EE. UU. y Suiza-EE. UU., aunque Microsoft no se basa en el Escudo de Privacidad UE-EE. UU. como base jurídica para las transferencias de datos personales a la luz de la sentencia del Tribunal de Justicia de la UE en el Asunto C-311/18. Para obtener más información, visite el sitio web del <a href=\"https://www.privacyshield.gov/welcome\" title=\"https://www.privacyshield.gov/welcome\" target=\"_blank\"><u>Escudo de Privacidad del Departamento de Comercio de EE. UU</u></a>.</div><div><br></div><div><b>Cómo ponerse en contacto con nosotros:</b></div><div><b><br></b></div><div>Puede ponerse en contacto con nosotros en:</div><div>[insertar información de contacto] </div><div><br></div></div>`;\r\nconst jpBoilerplate = `<div style=\"font-family:&quot;Segoe UI&quot;, &quot;Segoe UI Web (West European)&quot;, &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, &quot;Helvetica Neue&quot;, sans-serif;font-size:14px\"><div style=\"text-align: left;\"><div style=\"text-align: center;\"><b><br></b></div><div style=\"text-align: center;\"><b>プライバシー ステートメントのサンプル</b></div><div style=\"text-align: center;\"><b><br></b></div><div>プライバシー ステートメントの目的は、収集または処理される個人データ、その収集または処理方法、およびその目的に関する情報を提供することです。本テンプレートはあくまでも参考として使用してください。プライバシー法は場所や業界によって異なるため、<u>ビジネスに合わせてカスタマイズする必要があります</u>。</div><div><br></div><div>プライバシー ステートメントは、法律に基づき特定の開示義務を負う場合、サービス プロバイダーに対して特定の義務を負う場合、特定のユーザーの同意を必要とする場合、および/またはユーザーが自分の個人データの収集または共有をオプトアウトできるようにする場合などで使用されます。本テンプレートは<u>米国外では使用しないでください</u>。</div><div><br></div><div>本テンプレートは、法的助言ではなく、また、プライバシー評価、セキュリティ レビュー、法的レビュー、または堅牢なプライバシー プログラム管理に代わるものではありません。</div><div><br></div><div><b>テンプレートの使用については自己責任で行うものとし、使用前に本テンプレートの内容を法律顧問と共に確認することをお勧めします。</b></div><div><b><br></b></div><div style=\"text-align: center; \">---------------------------------------------------------------------------------------------------------------------</div><div style=\"text-align: center; \"><br></div><div style=\"text-align: center; \"><i><b>[本プライバシー ステートメントのサンプルをカスタマイズしてください]</b></i></div><div style=\"text-align: center; \"><i><b><br></b></i></div><div>[会社名] は、本プライバシー ステートメントおよび適用法に従って、お客様の情報のプライバシーおよびセキュリティを保護することに尽力します。</div><div><br></div><div><b>収集される情報</b></div><div><b><br></b></div><div><b><i>[「見積もりを取る」または「予約を入れる」などのお客様の動作設定ボタンを使用してデータを収集する場合] </i></b></div><div><b><i><br></i></b></div><div><b>Web フォーム</b></div><div><br></div><div>[貴社の Web サイト名] は、当サイトの Web フォームを使用します。これらのフォームでは、ユーザーは連絡先情報 [収集される情報のリスト] を提供する必要があります。登録フォームの連絡先情報は、情報収集の目的に合致した [イベント / コース / 目的] に関連する資料を送付するために使用されます。また、広告目的で当社の広告パートナーまたはその他第三者と共有される場合があります。</div><div><br></div><div>受付フォームに記入した場合、以下の個人情報が収集されます。</div><div><ul><li><span>氏名<br></span></li><li>電子メール アドレス</li><li>電話番号</li></ul></div><div><i><b>[サイトが Analytics を使用している場合、収集されるデータを明確にするために以下をカスタマイズしてください。]</b></i></div><div><i><b><br></b></i></div><div><b>Analytics </b></div><div>[Web サイト名] サーバーは、以下の Analytics を収集します。 </div><div><ul><li>お客様の動作設定ボタンにより匿名化された変換データ</li></ul></div><div><br></div><div><b>当社が収集するその他の情報</b></div><div><b><br></b></div><div><i>Microsoft Smart Pages ではその他の情報は収集されません。そのため、該当しない場合はこのセクションを削除できます。</i></div><div><ul><li>[その他のデータ収集形式: Web フォーム、Cookie、アンケート、登録フォームなど、Web サイトでのその他のデータ収集方法に正確に合わせて、カスタマイズしてください。]</li></ul></div><div><br></div><div><b>第三者によるデータ収集</b></div><div><b><br></b></div><div>当 Web サイトは Microsoft Advertising を利用し、また、Smart Pages を使用して作成されました。Microsoft は、<u>Microsoft プライバシー ステートメント - Microsoft プライバシー</u>のプライバシー ステートメントに従って、以下の情報を収集し、[会社名] と共有します。</div><div><ul><li><span>変換データ (広告からお客様の動作設定ボタンがクリックされた場合)<br></span></li><li>かかる動作設定ボタンに関連付けられた以下の個人データ</li><ul><li>氏名</li><li>電子メール アドレス</li><li>電話番号</li></ul></ul></div><div>Microsoft は、<u>Microsoft プライバシー ステートメント - Microsoft プライバシー</u>のプライバシー ステートメントに従って、上記の情報を以下の目的で使用します。</div><div><ul><li>よりパーソナライズされた広告の表示</li><li>広告製品およびサービスの改善 </li><li>Smart Page Web サイトの最適化およびトラブルシューティング</li></ul></div><div>Microsoft アカウント ユーザーは、<a href=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" title=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" target=\"_blank\"><u>Microsoft アカウント | プライバシー</u></a>から広告設定の管理およびパーソナライズド広告をオプトアウトすることができます。</div><div><br></div><div><b>Cookie </b></div><div><b><br></b></div><div>[貴社の Web サイト名] サイトは、個々のユーザーの関心に特化した Web コンテンツを配信するため、またはオンライン購入取引を追跡するために、「Cookie」を使用する場合があります。<i><b>Microsoft Smart Pages ではその他の情報は収集されません。そのため、該当しない場合はこのセクションを削除できます。</b></i></div><div><br></div><div><b>収集された情報の使用</b></div><div><i>[データの収集および使用に合わせて以下をカスタマイズしてください] </i></div><div><i><br></i></div><div>[貴社の Web サイト名] は、当サイトからご連絡いただいたお客様に返信するために、および以下の目的で、このサイトから収集した個人情報を使用します。</div><div><ul><li>見積もりや提案のご依頼への対応</li><li>当社の製品 / サービスの提供</li><li>カスタマーサービスの提供 </li><li>当社の製品およびサービスの改善向上 </li><li>当 Web サイトの更新、保護、トラブルシューティング</li><li>当社製品のパーソナライズ、および提案 </li><li>プロモーション、ターゲット広告の配信、関連オファーの提示など、お客様を対象にした広告およびマーケティング </li></ul></div><div><br></div><div><b>収集された情報の配布</b></div><div><i>[正確性を確認するために以下をカスタマイズしてください]</i></div><div><ul><li>[貴社の Web サイト名] は、本プライバシー ステートメントに概説されている、または法律で義務付けられている場合を除き、お客様の同意なしに、お客様について収集された個人情報を開示しません。</li><li>[貴社の Web サイト名] は、個人情報を第三者組織に販売することはありません。</li></ul></div><div><br></div><div><b>プライバシー ステートメントの改訂</b></div><div><b><br></b></div><div>本プライバシー ステートメントの最終改訂日は [最終改訂日] です。当社は、理由の如何を問わず、いつでも本プライバシー ステートメントを変更することができます。当 Web サイトの訪問の際には常に本プライバシー ステートメントを確認することをお勧めします。</div><div><br></div><div><b>外部サイトに対する責任</b></div><div><b><br></b></div><div>当 Web サイトには、他の Web サイトへのリンクが含まれている場合があります。これらの Web サイトの一部は、第三者によって運営されている場合があります。当社は、お客様の便宜のためにリンクを提供していますが、他者が運営する Web サイトのプライバシー慣行を確認、管理、監視することはありません。当社は、第三者が運営する Web サイトのパフォーマンス、またはお客様による第三者とのビジネス取引について責任を負いません。したがって、当 Web サイトを離れるときは必ず各 Web サイトのプライバシー慣行を確認し、これらの慣行の妥当性についてご自身で判断することをお勧めします。</div><div><br></div><div><b>国境を越えたデータ転送</b></div><div><b><br></b></div><div>[貴社の Web サイト名] は [場所を挿入] にあり、[貴社の Web サイト名] が欧州連合外で個人データを収集、処理、または保存する範囲で、当社は適用されるデータ転送法を遵守します。</div><div><br></div><div>当 Web サイトは Microsoft Smart Pages を使用して作成されました。Microsoft は、[貴社の Web サイト名] に代わり、<u>Microsoft プライバシー ステートメント – Microsoft プライバシー</u>のプライバシー ステートメントに従って、Web サイト情報を保存します。</div><div><br></div><div>Microsoft は、EU - 米国間およびスイス - 米国間のプライバシー シールド フレームワークの原則を遵守していますが、Microsoft は、ケース C - 311 / 18 の EU 司法裁判所の判断に照らし、個人データの移転の法的根拠として EU - 米国間のプライバシー シールド フレームワークに依拠していません。詳細については、<a href=\"https://www.privacyshield.gov/welcome\" title=\"https://www.privacyshield.gov/welcome\" target=\"_blank\"><u>米国商務省のプライバシー シールド Web サイト</u></a>をご覧ください。</div><div><br></div><div><b>お問い合わせ</b></div><div><b><br></b></div><div>お問い合わせ先: </div><div>[連絡先情報を挿入] </div><br></div></div>`;\r\n\r\nconst boilerplate = {\r\n  'en-us': enBoilerplate,\r\n  'en-nz': enBoilerplate,\r\n  'en-gb': enBoilerplate,\r\n  'en-ca': enBoilerplate,\r\n  'en-au': enBoilerplate,\r\n\r\n  'es-es': esBoilerplate,\r\n  'ja-jp': jpBoilerplate,\r\n};\r\n\r\nconst privacyLink = {\r\n  'en-us': 'https://privacy.microsoft.com/en-us/privacystatement',\r\n  'en-au': 'https://privacy.microsoft.com/en-au/privacystatement',\r\n  'en-nz': 'https://privacy.microsoft.com/en-nz/privacystatement',\r\n  'en-ca': 'https://privacy.microsoft.com/en-ca/privacystatement',\r\n  'en-gb': 'https://privacy.microsoft.com/en-gb/privacystatement',\r\n  'es-es': 'https://privacy.microsoft.com/es-es/privacystatement',\r\n  'ja-jp': 'https://privacy.microsoft.com/ja-jp/privacystatement',\r\n};\r\n\r\nconst defaultLocale = 'en-us';\r\n\r\nexport const getPrivacyBoilerplate = (i18n, locale) => {\r\n  if (_.isString(locale)) {\r\n    if (_.has(boilerplate, locale.toLocaleLowerCase())) {\r\n      return boilerplate[locale.toLocaleLowerCase()];\r\n    }\r\n\r\n    return getTranslatedTemplate(i18n, locale);\r\n  }\r\n\r\n  return boilerplate[defaultLocale];\r\n};\r\n\r\nexport const getPrivacyLink = (locale) => {\r\n  if (_.isString(locale)) {\r\n    if (_.has(privacyLink, locale.toLocaleLowerCase())) {\r\n      return privacyLink[locale.toLocaleLowerCase()];\r\n    }\r\n\r\n    return `https://privacy.microsoft.com/${locale}/privacystatement`;\r\n  }\r\n\r\n  return privacyLink[defaultLocale];\r\n};\r\n","/* eslint-disable react/no-danger */\r\nimport React, { useMemo, useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { HtmlSanitizer } from 'roosterjs';\r\nimport classNames from 'classnames';\r\n\r\nimport { ReactTemplate } from '@bingads-webui-react/react-template';\r\nimport { Text, Link } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Accordion } from '@bingads-webui-mca-react/step-manager';\r\nimport { useCurrentLocale } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { getPrivacyLink } from './privacy-content-configs';\r\n\r\nconst UnstyledPrivacyContent = ({\r\n  value,\r\n  businessName,\r\n  i18n,\r\n  classes,\r\n}) => {\r\n  const [expandedIndex, setExpandedIndex] = useState(0);\r\n  const locale = useCurrentLocale();\r\n\r\n  const policyHtmlContent = useMemo(\r\n    () => HtmlSanitizer.sanitizeHtml(HtmlSanitizer.convertInlineCss(value)),\r\n    [value]\r\n  );\r\n\r\n  const collapse = useCallback(() => {\r\n    setExpandedIndex(-1);\r\n  }, []);\r\n\r\n  const expand = useCallback((index) => {\r\n    setExpandedIndex(index);\r\n  }, []);\r\n\r\n  const privacyItemConfigs = useMemo(() => ([\r\n    {\r\n      name: 'custom-policy',\r\n      title: i18n.getString(_TL_('{{businessName}} privacy policy'), { businessName }),\r\n      summary: <Text block>{i18n.getString(_TL_('Learn more about how we handle your data.'))}</Text>,\r\n      details: (\r\n        <div className=\"custom-privacy-content\">\r\n          <div dangerouslySetInnerHTML={{ __html: policyHtmlContent }} />\r\n        </div>\r\n      ),\r\n    },\r\n    {\r\n      name: 'ms-policy',\r\n      isToggleHidden: true,\r\n      isExpanded: true,\r\n      title: i18n.getString(_TL_('Microsoft privacy policy ')),\r\n      summary: <Text block>{i18n.getString(_TL_('Learn more about how Microsoft handles your data.'))}</Text>,\r\n      details: (\r\n        <div className=\"ms-privacy-content\">\r\n          <Text block>\r\n            <ReactTemplate\r\n              model={{\r\n                link: text => (\r\n                  <Link\r\n                    className=\"ms-privacy-link\"\r\n                    href={getPrivacyLink(locale)}\r\n                    target=\"_blank\"\r\n                  >\r\n                    {text}\r\n                  </Link>\r\n                ),\r\n              }}\r\n              template={i18n.getString(_TL_('Smart Pages is built by Microsoft. Microsoft helps process any information you input. {{link}}Microsoft Privacy & Cookies{{/link}}'))}\r\n            />\r\n          </Text>\r\n        </div>\r\n      ),\r\n    },\r\n  ]), [i18n, policyHtmlContent, businessName, locale]);\r\n\r\n  const accordionItems = useMemo(() => (\r\n    privacyItemConfigs.map((config, index) => {\r\n      const isExpanded = expandedIndex === index || config.isExpanded;\r\n      const onToggle = isExpanded ? collapse : () => expand(index);\r\n\r\n      return (\r\n        <Accordion.Item\r\n          key={config.name}\r\n          isExpanded={isExpanded}\r\n          onToggle={onToggle}\r\n          isToggleHidden={config.isToggleHidden}\r\n        >\r\n          <Accordion.Header title={config.title} />\r\n          <Accordion.Summary>\r\n            {config.summary}\r\n          </Accordion.Summary>\r\n          <Accordion.Details>\r\n            {config.details}\r\n          </Accordion.Details>\r\n        </Accordion.Item>\r\n      );\r\n    })\r\n  ), [collapse, expand, expandedIndex, privacyItemConfigs]);\r\n\r\n  return (\r\n    <div className={classNames('privacy-content-root', classes.root)}>\r\n      {accordionItems}\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledPrivacyContent.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n  businessName: PropTypes.string.isRequired,\r\n  value: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const PrivacyContent = withDefaultStyles(UnstyledPrivacyContent, () => ({\r\n  root: {\r\n    '& .ba-accordion-details': {\r\n      minHeight: 20,\r\n    },\r\n    marginBottom: 30,\r\n    overflowWrap: 'anywhere',\r\n  },\r\n}));\r\n","import React, { useState, useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n  Dialog, DialogType, Checkbox, ActionButton,\r\n  PrimaryButton, DefaultButton, Label,\r\n  getTheme, AnimationClassNames,\r\n} from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { SmartRichTextEditor } from '@bingads-webui-campaign-react/smart-component-text';\r\nimport { ReactTemplate } from '@bingads-webui-react/react-template';\r\nimport { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\nimport { useMobileSupportEnabled, useInstrumentationServiceContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { useContextLocale } from '@bingads-webui-campaign-react/smart-page-data-service';\r\nimport { useElementViewed } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { PrivacyContent } from './privacy-content';\r\nimport { privacyContentMaxLength } from '../data-config';\r\nimport { getPrivacyBoilerplate } from './privacy-content-configs';\r\n\r\nconst { semanticColors, fonts } = getTheme();\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  actionGroup: {\r\n    textAlign: 'right',\r\n    margin: '30px 0 5px',\r\n\r\n    '& > button:not(:last-child)': {\r\n      marginRight: '10px',\r\n    },\r\n  },\r\n  rte: {\r\n    '& .smart-rich-text-editor-label': {\r\n      fontWeight: 400,\r\n      lineHeight: '20px',\r\n      marginBottom: 20,\r\n    },\r\n    '& .rich-text-editor-wrapper': {\r\n      overflow: 'auto',\r\n      minHeight: 300,\r\n      maxHeight: 400,\r\n    },\r\n  },\r\n  previewButton: {\r\n    color: palette.themePrimary || '#0078d4',\r\n    fontWeight: 600,\r\n    textDecoration: 'underline',\r\n    paddingLeft: 0,\r\n    marginBottom: 5,\r\n\r\n    '& .ms-Button-label': {\r\n      margin: 0,\r\n    },\r\n  },\r\n  reviewCheckboxContainer: {\r\n    marginBottom: 25,\r\n  },\r\n  topBackButton: {\r\n    position: 'absolute',\r\n    left: 63,\r\n    [mobileDevice]: {\r\n      left: 10,\r\n      top: 10,\r\n    },\r\n  },\r\n  previewTitle: {\r\n    [mobileDevice]: {\r\n      paddingLeft: 40,\r\n    },\r\n  },\r\n  dialogTitle: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n});\r\n\r\nexport const labelErrorStyle = {\r\n  root: [\r\n    fonts.small,\r\n    AnimationClassNames.slideDownIn20,\r\n    {\r\n      color: semanticColors.errorText,\r\n      margin: 0,\r\n      paddingTop: 5,\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n    },\r\n  ],\r\n};\r\n\r\nconst dialogContentStyle = {\r\n  title: {\r\n    fontSize: 24,\r\n    padding: 20,\r\n    lineHeight: '28px',\r\n    textAlign: 'center',\r\n    [mobileDevice]: {\r\n      fontSize: 20,\r\n    },\r\n  },\r\n  inner: {\r\n    margin: '5px 50px 15px',\r\n    [mobileDevice]: {\r\n      margin: 0,\r\n    },\r\n  },\r\n};\r\n\r\nconst elementScope = 'EditPrivacyDialog';\r\n\r\nexport const UnstyledEditPrivacyDialog = ({\r\n  defaultValue,\r\n  onSave,\r\n  onClose,\r\n  i18n,\r\n  classes,\r\n  // Mainly use to disable the check box\r\n  isPrivacyStatementReviewed,\r\n  businessName,\r\n}) => {\r\n  const locale = useContextLocale();\r\n  const [value, setValue] = useState(defaultValue || getPrivacyBoilerplate(i18n, locale));\r\n  // Internal state for check box\r\n  const [isReviewedInternal, setIsReviewedInternal] = useState(isPrivacyStatementReviewed);\r\n  const [isPreview, setIsPreview] = useState(false);\r\n  const [validationError, setValidationError] = useState(null);\r\n  const [showReviewError, setShowReviewError] = useState(null);\r\n\r\n  const logger = useInstrumentationServiceContext();\r\n  const isMobile = useMobileSupportEnabled();\r\n  useElementViewed(logger, elementScope);\r\n\r\n  const onChange = useCallback(({ value: newValue }) => {\r\n    setValue(newValue);\r\n  }, []);\r\n\r\n  const onHandleSave = useCallback(() => {\r\n    logger.logTrace(`${elementScope}|SaveButton|Clicked`);\r\n\r\n    if (isReviewedInternal && !validationError) {\r\n      onSave(value);\r\n      onClose();\r\n    } else {\r\n      setShowReviewError(true);\r\n    }\r\n  }, [isReviewedInternal, onClose, onSave, validationError, value, logger]);\r\n\r\n  const onHandleCancel = useCallback(() => {\r\n    logger.logTrace(`${elementScope}|CancelButton|Clicked`);\r\n    onClose();\r\n  }, [logger, onClose]);\r\n\r\n  const onToggleReview = useCallback((_, checked) => {\r\n    setIsReviewedInternal(checked);\r\n    logger.logTrace(`${elementScope}|ReviewToggle|Changed|${checked}`);\r\n  }, [logger]);\r\n\r\n  const onClickBack = useCallback(() => {\r\n    setIsPreview(false);\r\n    logger.logTrace(`${elementScope}|BackButton|Clicked`);\r\n  }, [logger]);\r\n\r\n  const onClickPreview = useCallback(() => {\r\n    setIsPreview(true);\r\n    logger.logTrace(`${elementScope}|PreviewButton|Clicked`);\r\n  }, [logger]);\r\n\r\n  const dialogTitle = useMemo(() => {\r\n    if (isPreview) {\r\n      return (\r\n        <div className={classes.dialogTitle}>\r\n          <ActionButton\r\n            className={classNames(classes.topBackButton, 'back-to-edit-privacy-policy-button')}\r\n            onClick={onClickBack}\r\n            iconProps={{ iconName: 'Back' }}\r\n            text={isMobile ? '' : i18n.getString(_TL_('Back to editor'))}\r\n          />\r\n          <span className={classes.previewTitle}>{i18n.getString(_TL_('Preview your privacy policy'))}</span>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return i18n.getString(_TL_('Edit your privacy policy'));\r\n  }, [classes, i18n, isPreview, isMobile, onClickBack]);\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onClose}\r\n      minWidth=\"360px\"\r\n      maxWidth=\"1030px\"\r\n      dialogContentProps={{\r\n        type: DialogType.close,\r\n        title: dialogTitle,\r\n        styles: dialogContentStyle,\r\n      }}\r\n      modalProps={{\r\n        isBlocking: true,\r\n        className: 'edit-privacy-dialog',\r\n        layerProps: {\r\n          eventBubblingEnabled: true,\r\n        },\r\n      }}\r\n    >\r\n      {\r\n        isPreview &&\r\n        <PrivacyContent i18n={i18n} value={value} businessName={businessName} />\r\n      }\r\n      {\r\n        !isPreview &&\r\n        <React.Fragment>\r\n          <SmartRichTextEditor\r\n            className={classNames('privacy-policy-rich-text-editor', classes.rte)}\r\n            label={(\r\n              <ReactTemplate\r\n                model={{ bold: text => <b>{text}</b> }}\r\n                template={i18n.getString(_TL_('Create a privacy statement describing how you\\'ll use your customers\\' data. This statement is legally required. We\\'ll provide you with a generic privacy statement that may apply in part to your business; however, it is {{bold}}your responsibility to ensure that the statement is fully accurate.{{/bold}} Please note we\\'ll display Microsoft\\'s privacy policy alongside the one you create. This is because Microsoft processes your customers\\' data before sharing it with you.'))}\r\n              />\r\n            )}\r\n            onChange={onChange}\r\n            placeholder={i18n.getString(_TL_('You can write your privacy policy here.'))}\r\n            maxCharCount={privacyContentMaxLength}\r\n            value={value}\r\n            isRequired\r\n            onValidate={errMsg => setValidationError(errMsg)}\r\n          />\r\n          <div>\r\n            <ActionButton\r\n              className={classNames(classes.previewButton, 'preview-privacy-policy-button')}\r\n              onClick={onClickPreview}\r\n              disabled={!!validationError}\r\n              text={i18n.getString(_TL_('Preview my privacy policy'))}\r\n            />\r\n          </div>\r\n        </React.Fragment>\r\n      }\r\n      <div className={classes.reviewCheckboxContainer}>\r\n        <Checkbox\r\n          className=\"review-privacy-policy-checkbox\"\r\n          label={i18n.getString(_TL_('I have reviewed and/or edited my Smart Page\\'s privacy policy and confirm it outlines how my business processes and uses customer data.'))}\r\n          checked={isReviewedInternal}\r\n          disabled={isPrivacyStatementReviewed}\r\n          onChange={onToggleReview}\r\n        />\r\n        {\r\n          !isReviewedInternal && showReviewError\r\n          && (\r\n            <Label styles={labelErrorStyle} className=\"review-policy-error-msg\">\r\n              {i18n.getString(_TL_('Please confirm you have reviewed your privacy policy'))}\r\n            </Label>\r\n          )\r\n        }\r\n      </div>\r\n      <div className={classes.actionGroup}>\r\n        <DefaultButton\r\n          className=\"cancel-edit-policy-button\"\r\n          onClick={onHandleCancel}\r\n          text={i18n.getString(_TL_('Cancel'))}\r\n        />\r\n        <PrimaryButton\r\n          className=\"save-policy-button\"\r\n          onClick={onHandleSave}\r\n          text={i18n.getString(_TL_('Save'))}\r\n        />\r\n      </div>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnstyledEditPrivacyDialog.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  defaultValue: PropTypes.string.isRequired,\r\n  businessName: PropTypes.string.isRequired,\r\n  onSave: PropTypes.func.isRequired,\r\n  onClose: PropTypes.func.isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n  isPrivacyStatementReviewed: PropTypes.bool,\r\n};\r\n\r\nUnstyledEditPrivacyDialog.defaultProps = {\r\n  isPrivacyStatementReviewed: false,\r\n};\r\n\r\nexport const EditPrivacyDialog = withDefaultStyles(\r\n  UnstyledEditPrivacyDialog,\r\n  getStyles\r\n);\r\n\r\n","export const getTranslatedTemplate = (i18n, locale) => `\r\n<div style=\"font-family:&quot;Segoe UI&quot;, &quot;Segoe UI Web (West European)&quot;, &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, &quot;Helvetica Neue&quot;, sans-serif;font-size:14px\">\r\n   <div style=\"text-align:center\"><span><b><br></b></span></div>\r\n   <div style=\"text-align:center\"><span><b>${i18n.getString(_TL_('SAMPLE PRIVACY STATEMENT'))}&nbsp;</b>&nbsp;</span></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('The purpose of a privacy statement is to provide information regarding the personal data you collect or process, how you collect or process it, and for what purposes. This template is for reference purposes only, and you '))}<u>${i18n.getString(_TL_('must customize it for your business'))}</u>${i18n.getString(_TL_(', as privacy laws vary by location and industry. '))}&nbsp;</div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('You may have obligations to provide specific disclosures under law, you may have specific obligations to your services providers, and you may need specific user consents and/or to allow users to opt-out of the collection or sharing of their personal data. This template '))}<u>${i18n.getString(_TL_('should not be used outside the United States.'))}</u> &nbsp;</div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('This template is not legal advice nor a substitute for a privacy assessment, security review, legal review, or robust privacy program management. '))}</div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('ANY USE OF THE TEMPLATE IS AT YOUR OWN RISK AND IT IS RECOMMENDED THAT YOU REVIEW THIS TEMPLATE WITH YOUR LEGAL COUNSEL PRIOR TO USE. '))}</b></div>\r\n   <div><br></div>\r\n   <div> --------------------------------------------------------------------------------------------------------------------- </div>\r\n   <div><br></div>\r\n   <div style=\"text-align:center\">${i18n.getString(_TL_('[Please customize this sample Privacy Statement]'))}</div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('[Company Name] is committed to protecting the privacy and security of your information in accordance with this Privacy Statement and applicable law. '))}&nbsp;</div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Information collected: '))}&nbsp;</b></div>\r\n   <div><br></div>\r\n   <div><i>${i18n.getString(_TL_('[If you collect data using a customer action button like “Get Quote” or “Book Appointment”] '))}&nbsp;</i></div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Webforms: '))}</b></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('[Your website name] uses webforms forms on this site. These forms require users to give contact information [list information collected]. Contact information from the registration form is used to send material relating to the [event/course/purpose] for which it was collected and may be shared with our advertising partners or other third parities for advertising purposes. '))}&nbsp;</div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('If you complete an intake form, we collect the following personal information: '))}&nbsp; </div>\r\n   <div>\r\n      <ul>\r\n         <li>${i18n.getString(_TL_('First and last name'))}</li>\r\n         <li>${i18n.getString(_TL_('email address'))}<br></li>\r\n         <li>${i18n.getString(_TL_('phone number'))}<br></li>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div><i>${i18n.getString(_TL_('[If your site uses analytics, customize the following to clearly state what data is collected.] '))}</i></div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Analytics: '))}</b></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('[Website name] servers collect the following analytics: '))}</div>\r\n   <div>\r\n      <ul>\r\n         <li>${i18n.getString(_TL_('Anonymized conversion data through customer action button '))}</li>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Other Information we Collect:'))}</b></div>\r\n   <div><b><br></b></div>\r\n   <div><i>${i18n.getString(_TL_('Microsoft Smart Pages does not collect any other information, so you can delete this section if not applicable.'))}</i><br></div>\r\n   <div>\r\n      <ul>\r\n         <li>${i18n.getString(_TL_('[Other forms of data collection: Customize to accurately reflect other ways data is collected on your website such as via webforms, cookies, surveys, or registration forms.] '))}</li>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Third Party Data Collection: '))}</b></div>\r\n   <div><b><br></b></div>\r\n   <div>${i18n.getString(_TL_('In addition, our website utilizes Microsoft Advertising, and we created our website using Smart Pages. Microsoft will collect and share the following information with [Company Name] in accordance with their Privacy Statement at '))}<u><a href=\"https://privacy.microsoft.com/${locale}/privacystatement\" title=\"https://privacy.microsoft.com/${locale}/privacystatement\" target=\"_blank\">${i18n.getString(_TL_('Microsoft Privacy Statement - Microsoft privacy'))}</a></u>.&nbsp;&nbsp;<br></div>\r\n   <div>\r\n      <ul>\r\n         <li>${i18n.getString(_TL_('conversion data if you click a customer action button from an ad '))}</li>\r\n         <li>${i18n.getString(_TL_('personal data associated with the action button, including:'))}<br></li>\r\n         <ul>\r\n            <li>${i18n.getString(_TL_('first and last name'))}<br></li>\r\n            <li>${i18n.getString(_TL_('email address'))}&nbsp;&nbsp;<br></li>\r\n            <li>${i18n.getString(_TL_('phone number'))}&nbsp;&nbsp;<br></li>\r\n         </ul>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('Microsoft will use the above information in accordance with their Privacy Statement at '))}<a href=\"https://privacy.microsoft.com/${locale}/privacystatement\" title=\"https://privacy.microsoft.com/${locale}/privacystatement\" target=\"_blank\"><u>${i18n.getString(_TL_('Microsoft Privacy Statement - Microsoft privacy'))}</u></a>${i18n.getString(_TL_(' for the following purposes: '))} &nbsp;</div>\r\n   <div>\r\n      <ul>\r\n         <li><span>${i18n.getString(_TL_('to show you ads that are more personalized'))}<br></span></li>\r\n         <li>${i18n.getString(_TL_('to improve their advertising products and services'))}&nbsp;&nbsp;<br></li>\r\n         <li>${i18n.getString(_TL_('Smart Page website optimization and troubleshooting'))}</li>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('Microsoft account users can manage their ad settings and opt-out of personalized advertising at: '))}<a href=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" title=\"https://account.microsoft.com/privacy/ad-settings/signedout?ru=https%3A%2F%2Faccount.microsoft.com%2Fprivacy%2Fad-settings%2F\" target=\"_blank\"><u>${i18n.getString(_TL_('Microsoft account | Privacy'))}</u></a>&nbsp;&nbsp;<br></div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Cookies: '))}</b></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('[Your website name] site may use \"cookies\" in order to deliver web content specific to individual users\\' interests or to keep track of online purchasing transactions. '))}<i>${i18n.getString(_TL_('Microsoft Smart Pages does not collect any other information, so you can delete this section if not applicable. '))}</i></div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Use of collected information:'))}</b></div>\r\n   <div><b><br></b></div>\r\n   <div><i>${i18n.getString(_TL_('[Customize the following to reflect the data collection and use] '))}</i></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('[Your website name] will use personal information collected from this site for the purpose of communication back to individuals who contact us via the site and for the following: '))}&nbsp;</div>\r\n   <div>\r\n      <ul>\r\n         <li><span>${i18n.getString(_TL_('to respond to requests for quotes or proposals'))}<br></span></li>\r\n         <li>${i18n.getString(_TL_('to provide our products/services'))}<br></li>\r\n         <li>${i18n.getString(_TL_('to provide customer service'))}&nbsp;&nbsp;<br></li>\r\n         <li>${i18n.getString(_TL_('to improve our products and services'))}&nbsp;&nbsp;<br></li>\r\n         <li>${i18n.getString(_TL_('to update, secure and troubleshoot our website'))}<br></li>\r\n         <li>${i18n.getString(_TL_('to personalize our products and make recommendations'))}&nbsp;&nbsp;<br></li>\r\n         <li>${i18n.getString(_TL_('to advertise and market to you, including sending promotional communications, targeted advertising, and to present you with relevant offers'))}&nbsp;&nbsp;<br></li>\r\n      </ul>\r\n   </div>\r\n   <div><b>${i18n.getString(_TL_('Distribution of collected information:'))}</b><br></div>\r\n   <div><b><br></b></div>\r\n   <div><i>${i18n.getString(_TL_('[Customize the following to confirm accuracy]'))}</i><br></div>\r\n   <div>\r\n      <ul>\r\n         <li><span>${i18n.getString(_TL_('[Your website name] will not disclose, without your consent, personal information collected about you, except for as outlined in this Privacy Statement or where required by law.'))}<br></span></li>\r\n         <li>${i18n.getString(_TL_('[Your website name] will not sell personal information to third-party organizations.'))}<br></li>\r\n      </ul>\r\n   </div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Privacy Statement Revisions: '))}</b></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('This Privacy Statement was last revised on [Date of last revision]. We may change this Privacy Statement at any time and for any reason. We encourage you to review this Privacy Statement each time you visit the web site. '))}</div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('Responsibility for External Sites: '))}</b></div>\r\n   <div><br></div>\r\n   <div>${i18n.getString(_TL_('This website may contain links to other web sites. Some of those web sites may be operated by third parties. We provide the links for your convenience, but we do not review, control, or monitor the privacy practices of web sites operated by others. We are not responsible for the performance of web sites operated by third parties or for your business dealings with them. Therefore, whenever you leave this web site we recommend that you review each web site\\'s privacy practices and make your own conclusions regarding the adequacy of these practices. '))}</div>\r\n   <div><br></div>\r\n   <div>\r\n      <b>${i18n.getString(_TL_('Cross-Border Data Transfer:'))}</b>\r\n      <div><br></div>\r\n      <div>${i18n.getString(_TL_('[Your website name] is located in [insert location] and to the extent that [Your website name] collects, processes, or stores personal data outside the European Union, we comply with applicable data transfer laws. '))}&nbsp;</div>\r\n      <div><br></div>\r\n      <div>${i18n.getString(_TL_('We created our website using Microsoft Smart Pages. Microsoft stores website information on behalf of [Your website name]in accordance with their Privacy Statement at Microsoft Privacy Statement - Microsoft privacy. '))}&nbsp;</div>\r\n      <div><br></div>${i18n.getString(_TL_('Microsoft adheres to the principles of the EU-U.S. and Swiss-U.S. Privacy Shield frameworks, although Microsoft does not rely on the EU-U.S. Privacy Shield Framework as a legal basis for transfers of personal data in light of the judgment of the Court of Justice of the EU in Case C-311/18. To learn more, visit the '))}<a href=\"https://www.privacyshield.gov/welcome\" title=\"https://www.privacyshield.gov/welcome\" target=\"_blank\"><u>${i18n.getString(_TL_('U.S. Department of Commerce\\'s Privacy Shield website.'))}</u></a><br>\r\n   </div>\r\n   <div><br></div>\r\n   <div><b>${i18n.getString(_TL_('How to contact us'))}</b></div>\r\n   <div><b><br></b></div>\r\n   <div>${i18n.getString(_TL_('You may contact us at: '))}</div>\r\n   <div>${i18n.getString(_TL_('[insert contact information]'))}&nbsp;&nbsp;<br></div>\r\n</div>\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Dialog, DialogType } from '@fluentui/react/lib/Dialog';\r\nimport { useElementViewed } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useInstrumentationServiceContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { PrivacyContent } from './privacy-content';\r\n\r\nconst getDialogContentStyle = isMobile => ({\r\n  title: {\r\n    fontSize: 24,\r\n    padding: 20,\r\n    lineHeight: '28px',\r\n    textAlign: 'center',\r\n  },\r\n  inner: {\r\n    margin: isMobile ? 0 : '20px 50px 40px',\r\n  },\r\n});\r\n\r\nexport const PrivacyContentDialog = ({\r\n  value,\r\n  businessName,\r\n  onClose,\r\n  i18n,\r\n  isMobile,\r\n}) => {\r\n  const logger = useInstrumentationServiceContext();\r\n  useElementViewed(logger, 'RuntimePrivacyDialog');\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onClose}\r\n      minWidth=\"360px\"\r\n      maxWidth={isMobile ? '360px' : '1030px'}\r\n      dialogContentProps={{\r\n        type: DialogType.close,\r\n        title: i18n.getString(_TL_('Privacy policies')),\r\n        styles: getDialogContentStyle(isMobile),\r\n      }}\r\n      modalProps={{\r\n        isBlocking: true,\r\n        className: 'privacy-content-dialog',\r\n      }}\r\n    >\r\n      <PrivacyContent value={value} businessName={businessName} i18n={i18n} />\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nPrivacyContentDialog.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  onClose: PropTypes.func.isRequired,\r\n  businessName: PropTypes.string.isRequired,\r\n  value: PropTypes.string.isRequired,\r\n  isMobile: PropTypes.bool.isRequired,\r\n};\r\n\r\n","import React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { COMPONENT_TYPE_MAPPING, useDefaultEditorStyle, WEBSITE_SOURCE_DATA_KEY_MAPPING } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { DefaultButton, Text, Label } from '@fluentui/react';\r\nimport { proxyReadBusinessName } from '@bingads-webui-campaign-react/smart-component-header';\r\nimport { ReactTemplate } from '@bingads-webui-react/react-template';\r\n\r\nimport { proxyReadPrivacyPolicyComponentConfig } from './component-config-reader';\r\nimport { EditPrivacyDialog, labelErrorStyle } from './components/edit-privacy-dialog';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  button: {\r\n    color: palette.themePrimary,\r\n  },\r\n});\r\n\r\nconst UnstyledSmartPrivacyPolicyEditor = ({\r\n  i18n,\r\n  classes,\r\n}) => {\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const {\r\n    policyContent,\r\n    isPrivacyStatementReviewed,\r\n  } = proxyReadPrivacyPolicyComponentConfig(siteConfig, i18n);\r\n  const [showEditDialog, setShowEditDialog] = useState(false);\r\n  const { businessName, defaultBusinessName } = proxyReadBusinessName(siteConfig, i18n);\r\n\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorContentClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const onSave = useCallback((value) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n      payload: {\r\n        name: WEBSITE_SOURCE_DATA_KEY_MAPPING.PrivacyPolicy,\r\n        value,\r\n      },\r\n    });\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_SITE_CONFIG_BY_TYPE',\r\n      payload: {\r\n        type: COMPONENT_TYPE_MAPPING.Footer,\r\n        value: {\r\n          isPrivacyStatementReviewed: true,\r\n        },\r\n      },\r\n    });\r\n  }, [dispatchSiteConfig]);\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Privacy policy'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        <Text block>\r\n          <ReactTemplate\r\n            model={{ bold: text => <b>{text}</b> }}\r\n            template={i18n.getString(_TL_('Create a privacy statement describing how you\\'ll use your customers\\' data. This statement is legally required. We\\'ll provide you with a generic privacy statement that may apply in part to your business; however, it is {{bold}}your responsibility to ensure that the statement is fully accurate.{{/bold}}'))}\r\n          />\r\n        </Text>\r\n        <Text block style={{ marginTop: 5 }}>\r\n          {i18n.getString(_TL_('Please note we\\'ll display Microsoft\\'s privacy policy alongside the one you create. This is because Microsoft processes your customers\\' data before sharing it with you.'))}\r\n        </Text>\r\n      </div>\r\n      <div className={editorContentClassName}>\r\n        <DefaultButton\r\n          className=\"trigger-edit-privacy-dialog-button\"\r\n          onClick={() => setShowEditDialog(true)}\r\n          iconProps={{\r\n            iconName: 'PageEdit',\r\n            className: classes.button,\r\n          }}\r\n          text={i18n.getString(_TL_('Click here to edit your privacy policy'))}\r\n        />\r\n        {\r\n          !isPrivacyStatementReviewed &&\r\n          <Label styles={labelErrorStyle} className=\"review-policy-error-msg\">\r\n            {i18n.getString(_TL_('Please confirm you have reviewed your privacy policy'))}\r\n          </Label>\r\n        }\r\n      </div>\r\n      {\r\n        showEditDialog &&\r\n        <EditPrivacyDialog\r\n          i18n={i18n}\r\n          onSave={onSave}\r\n          onClose={() => setShowEditDialog(false)}\r\n          defaultValue={policyContent}\r\n          isPrivacyStatementReviewed={isPrivacyStatementReviewed}\r\n          businessName={businessName || defaultBusinessName}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartPrivacyPolicyEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nexport const SmartPrivacyPolicyEditor = withDefaultStyles(\r\n  UnstyledSmartPrivacyPolicyEditor,\r\n  getStyles\r\n);\r\n","import React, { useState, useMemo } from 'react';\r\nimport { uniqueId, isEmpty } from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { SmartHeader, useActionButtons } from '@bingads-webui-campaign-react/smart-component-header';\r\nimport { PrivacyContentDialog } from '@bingads-webui-campaign-react/smart-component-privacy-policy';\r\n\r\nconst commonFooterMobileContainerStyle = {\r\n  marginLeft: 11,\r\n  marginRight: 11,\r\n  justifyContent: 'space-around',\r\n  flexFlow: 'wrap',\r\n};\r\n\r\nconst getStyles = (components = {}, { palette = {} }) => ({\r\n  footerContainer: {\r\n    minHeight: 82,\r\n    lineHeight: '50px',\r\n    borderTop: '1px solid #C4C4C4',\r\n    marginLeft: 33,\r\n    marginRight: 33,\r\n    display: 'flex',\r\n    fontSize: 16,\r\n    color: palette.footer,\r\n    justifyContent: 'space-between',\r\n  },\r\n  footerContainerMobile: {\r\n    ...commonFooterMobileContainerStyle,\r\n    marginBottom: components.fixedMobileFooter.height,\r\n  },\r\n  footerContainerMobileForBlankBanner: {\r\n    ...commonFooterMobileContainerStyle,\r\n  },\r\n  footerContainerMobileForHiddenButton: {\r\n    ...commonFooterMobileContainerStyle,\r\n  },\r\n  link: {\r\n    background: 'none',\r\n    border: 'none',\r\n    textDecoration: 'underline',\r\n    height: 'fit-content',\r\n    fontWeight: '600',\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartFooterView = ({\r\n  classes,\r\n  i18n,\r\n  id,\r\n  rootId,\r\n  disabled,\r\n  hideFooterButton,\r\n  showPrivacyPolicy,\r\n  isEditMode,\r\n  businessName,\r\n  policyContent,\r\n  isMobile,\r\n}) => {\r\n  const actionButtons = useActionButtons();\r\n  const [showPrivacyPolicyDialog, setShowPrivacyPolicyDialog] = useState(false);\r\n\r\n  let footerContainerMobileClass = null;\r\n  if (isMobile) {\r\n    if (hideFooterButton) {\r\n      footerContainerMobileClass = classes.footerContainerMobileForHiddenButton;\r\n    } else if (isEmpty(actionButtons)) {\r\n      footerContainerMobileClass = classes.footerContainerMobileForBlankBanner;\r\n    } else {\r\n      footerContainerMobileClass = classes.footerContainerMobile;\r\n    }\r\n  }\r\n\r\n  const privacyLinkConfig = useMemo(() => {\r\n    if (disabled || isEditMode) {\r\n      return { tag: 'span' };\r\n    }\r\n\r\n    return { tag: 'button', onClick: () => setShowPrivacyPolicyDialog(true) };\r\n  }, [isEditMode, disabled]);\r\n\r\n  return (\r\n    <footer id={id} >\r\n      <div className={classnames(classes.footerContainer, footerContainerMobileClass)}>\r\n        {\r\n          showPrivacyPolicy &&\r\n          <privacyLinkConfig.tag\r\n            className={classnames(classes.link, 'show-privacy-dialog-button')}\r\n            onClick={privacyLinkConfig.onClick}\r\n          >\r\n            {i18n.getString(_TL_('Privacy policy'))}\r\n          </privacyLinkConfig.tag>\r\n        }\r\n        <span>\r\n          {i18n.getString(_TL_('Powered by Microsoft Advertising'))}\r\n        </span>\r\n      </div>\r\n      {\r\n        isMobile && !hideFooterButton &&\r\n        <SmartHeader\r\n          id={uniqueId('mobile_footer_')}\r\n          rootId={rootId}\r\n          disabled={disabled || isEditMode}\r\n          footerSplit\r\n        />\r\n      }\r\n      {\r\n        showPrivacyPolicy && showPrivacyPolicyDialog &&\r\n        <PrivacyContentDialog\r\n          i18n={i18n}\r\n          onClose={() => setShowPrivacyPolicyDialog(false)}\r\n          businessName={businessName}\r\n          value={policyContent}\r\n          isMobile={isMobile}\r\n        />\r\n      }\r\n    </footer>\r\n  );\r\n};\r\n\r\nUnStyledSmartFooterView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    footerContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  rootId: PropTypes.string.isRequired,\r\n  disabled: PropTypes.bool.isRequired,\r\n  hideFooterButton: PropTypes.bool,\r\n  showPrivacyPolicy: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n  isMobile: PropTypes.bool,\r\n  businessName: PropTypes.string.isRequired,\r\n  policyContent: PropTypes.string,\r\n};\r\n\r\nUnStyledSmartFooterView.defaultProps = {\r\n  hideFooterButton: false,\r\n  showPrivacyPolicy: false,\r\n  isEditMode: false,\r\n  isMobile: false,\r\n};\r\n\r\nUnStyledSmartFooterView.defaultProps = {\r\n  policyContent: '',\r\n};\r\n\r\nexport const SmartFooterView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartFooterView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useIsSmartPagePrivacyPolicyEnabled, useSiteConfig, useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { proxyReadPrivacyPolicyComponentConfig } from '@bingads-webui-campaign-react/smart-component-privacy-policy';\r\nimport { proxyReadBusinessName } from '@bingads-webui-campaign-react/smart-component-header';\r\n\r\nimport { SmartFooterView } from './smart-footer-view';\r\n\r\nexport const SmartFooterConnector = ({\r\n  id,\r\n  rootId,\r\n  disabled,\r\n  isMobileEditor,\r\n  isEditMode,\r\n}) => {\r\n  const i18n = useContext(I18nContext);\r\n  const { siteConfig } = useSiteConfig();\r\n  const { isMobile, isRuntime } = useClientContext();\r\n\r\n  const isSmartPagePrivacyPolicyEnabled = useIsSmartPagePrivacyPolicyEnabled();\r\n  const {\r\n    policyContent,\r\n    isPrivacyStatementReviewed,\r\n  } = proxyReadPrivacyPolicyComponentConfig(siteConfig, i18n);\r\n  const { businessName, defaultBusinessName } = proxyReadBusinessName(siteConfig, i18n);\r\n\r\n  /**\r\n   * Show privacy policy\r\n   * 1. if pilot is on and not in runtime page\r\n   * 2. if pilot is on and in runtime page but the policy has been reviewed\r\n   * for #2, this could make sure old published page won't show the policy when pilot is on\r\n   */\r\n  const showPrivacyPolicy = isSmartPagePrivacyPolicyEnabled && (\r\n    (isRuntime && isPrivacyStatementReviewed) || !isRuntime\r\n  );\r\n\r\n  return (\r\n    <SmartFooterView\r\n      i18n={i18n}\r\n      id={id}\r\n      rootId={rootId}\r\n      disabled={disabled}\r\n      hideFooterButton={isMobileEditor}\r\n      showPrivacyPolicy={showPrivacyPolicy}\r\n      isEditMode={isEditMode}\r\n      policyContent={policyContent}\r\n      businessName={businessName || defaultBusinessName}\r\n      isMobile={isMobile}\r\n    />\r\n  );\r\n};\r\n\r\nSmartFooterConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  rootId: PropTypes.string.isRequired,\r\n  disabled: PropTypes.bool,\r\n  isMobileEditor: PropTypes.bool,\r\n  isEditMode: PropTypes.bool,\r\n};\r\n\r\nSmartFooterConnector.defaultProps = {\r\n  disabled: false,\r\n  isMobileEditor: false,\r\n  isEditMode: false,\r\n};\r\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty, isFunction, size } from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { List } from '@fluentui/react/lib/List';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { ImageItemView } from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nconst getStyles = components => ({\r\n  container: {\r\n    ...components.section,\r\n    marginLeft: '10%',\r\n    marginRight: '10%',\r\n  },\r\n  title: {\r\n    ...components.sectionTitle,\r\n  },\r\n  list: {\r\n    overflow: 'auto',\r\n  },\r\n  centeredList: {\r\n    '& .ms-List-page': {\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n    },\r\n  },\r\n  listCellContainer: {\r\n    textAlign: 'center',\r\n    outline: 'none',\r\n    position: 'relative',\r\n    float: 'left',\r\n  },\r\n  imageContainer: {\r\n    position: 'absolute',\r\n    left: 16,\r\n    top: 16,\r\n    right: 16,\r\n    bottom: 16,\r\n  },\r\n});\r\n\r\nconst ROWS_PER_PAGE = 1;\r\nconst MAX_ITEM_WIDTH = 320;\r\n\r\nexport const UnStyledSmartGalleryView = ({\r\n  items,\r\n  i18n,\r\n  id,\r\n}) => {\r\n  const classes = useDefaultStyles(getStyles);\r\n  const columnCount = useRef(0);\r\n  const rowHeight = useRef(0);\r\n\r\n  const componentRef = useRef();\r\n  const [previousResponsiveMode, setPreviousResponsiveMode] = useState(null);\r\n  const { responsiveMode } = useClientContext();\r\n\r\n  useEffect(() => {\r\n    // Responsive mode change somehow not able to trigger\r\n    // list rerender in editor. explicitly trigger it.\r\n    if (responsiveMode !== previousResponsiveMode) {\r\n      if (componentRef\r\n        && componentRef.current\r\n        && isFunction(componentRef.current.forceUpdate)) {\r\n        componentRef.current.forceUpdate();\r\n      }\r\n\r\n      setPreviousResponsiveMode(responsiveMode);\r\n    }\r\n  }, [\r\n    previousResponsiveMode,\r\n    setPreviousResponsiveMode,\r\n    responsiveMode,\r\n    componentRef,\r\n  ]);\r\n\r\n  const onRenderCell = useCallback(item => (\r\n    <div\r\n      className={classes.listCellContainer}\r\n      style={{\r\n        width: rowHeight.current,\r\n        height: rowHeight.current,\r\n      }}\r\n    >\r\n      <div className={classes.imageContainer}>\r\n        <ImageItemView\r\n          imageId={item.imageId}\r\n          resizeWidth={MAX_ITEM_WIDTH}\r\n          src={item.fbImageUrl} /* backup src */\r\n          retryLimit={1}\r\n        />\r\n      </div>\r\n    </div>\r\n  ), [classes.listCellContainer, classes.imageContainer]);\r\n\r\n  const getItemCountForPage = React.useCallback((itemIndex, surfaceRect) => {\r\n    if (itemIndex === 0) {\r\n      columnCount.current = Math.ceil(surfaceRect.width / MAX_ITEM_WIDTH);\r\n      // if using square\r\n      rowHeight.current = Math.floor(surfaceRect.width / columnCount.current);\r\n    }\r\n    return columnCount.current * ROWS_PER_PAGE;\r\n  }, []);\r\n  const getPageHeight = useCallback(() => rowHeight.current * ROWS_PER_PAGE, []);\r\n\r\n  const listClassName = size(items) > columnCount.current ? classes.list : classes.centeredList;\r\n\r\n  return (\r\n    <div id={id} className={classes.container}>\r\n      <h2 className={classNames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Gallery'))}\r\n      </h2>\r\n      {\r\n        !isEmpty(items) &&\r\n        <List\r\n          items={items}\r\n          className={listClassName}\r\n          getPageHeight={getPageHeight}\r\n          getItemCountForPage={getItemCountForPage}\r\n          onRenderCell={onRenderCell}\r\n          componentRef={componentRef}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartGalleryView.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n  items: PropTypes.arrayOf(PropTypes.shape({\r\n    imageId: PropTypes.string.isRequired,\r\n  })),\r\n};\r\n\r\nUnStyledSmartGalleryView.defaultProps = {\r\n  items: [],\r\n};\r\n\r\nexport const SmartGalleryView = withErrorView(UnStyledSmartGalleryView, 'componentMode');\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty } from 'underscore';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { SiteConfigContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { getComponentById } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartGalleryView } from './smart-gallery-view';\r\n\r\nexport const SmartGalleryConnector = ({ id }) => {\r\n  const i18n = useContext(I18nContext);\r\n  const { siteConfig } = useContext(SiteConfigContext);\r\n  const { photos } = getComponentById(siteConfig, id);\r\n\r\n  return useMemo(() => (\r\n    isEmpty(photos)\r\n      ? null\r\n      : <SmartGalleryView\r\n        items={photos}\r\n        i18n={i18n}\r\n        id={id}\r\n      />\r\n  ), [photos, id, i18n]);\r\n};\r\n\r\nSmartGalleryConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import React, { useState, useEffect, useCallback, useMemo, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Promise from 'bluebird';\r\nimport classnames from 'classnames';\r\nimport { isEmpty, size, isEqual, omit } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { Pivot, PivotItem } from '@fluentui/react/lib/Pivot';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport {\r\n  ImageUploadLocal,\r\n  useUploadService,\r\n  SmartPivotImageEditor,\r\n  FacebookPhotosListView,\r\n  useFacebookPhotos,\r\n  EditImagesView,\r\n  ImageOptionsKey,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getUploadUrlFromImage,\r\n  formateUploadedPhoto,\r\n  getThumbnailUrlForFacebookPhoto,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n  getDataSourceByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  useSiteConfig,\r\n  useIsSmartPageM365StockImageGalleryEnabled,\r\n  InstrumentationServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { getValidationErrorMsg } from './validation';\r\n\r\nconst getStyles = () => ({\r\n  imagesListLabel: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n  },\r\n  errorMsg: {\r\n    color: '#A80000',\r\n    paddingTop: 9,\r\n    height: 58,\r\n  },\r\n  pivotRoot: {\r\n    marginLeft: -8,\r\n    marginBottom: 32,\r\n  },\r\n  uploadBtn: {\r\n    marginLeft: 0,\r\n  },\r\n  connectFacebookMsg: {\r\n    marginTop: 8,\r\n  },\r\n  imageEditor: {\r\n    minHeight: '540px',\r\n  },\r\n  loading: {\r\n    height: '200px',\r\n  },\r\n  lineBreak: {\r\n    marginTop: '10px',\r\n    marginBottom: '10px',\r\n  },\r\n  imageListContainer: {\r\n    marginTop: '5px',\r\n  },\r\n});\r\n\r\nconst UnStyledSelectImagesDialog = ({\r\n  i18n,\r\n  classes,\r\n  onUpdate,\r\n  onClose,\r\n  maxImagesCount,\r\n  existingImages,\r\n  imageToReplace,\r\n  gotoSettings,\r\n}) => {\r\n  const {\r\n    dialogClassName,\r\n    dialogFullBorderClassName,\r\n    infoMessageBarClassName,\r\n  } = useDefaultEditorStyle();\r\n  const [loading, setLoading] = useState(false);\r\n  const [errorMsg, setErrorMsg] = useState(null);\r\n  const [allSelection, setAllSelection] = useState([]);\r\n  const [imagesToRemove, setImagesToRemove] = useState([]);\r\n  const [itemToUnselect, setItemToUnselect] = useState(null);\r\n  const [existingImagesInternal, setExistingImagesInternal] = useState(existingImages);\r\n  const [isImageToReplaceRemoved, setIsImageToReplaceRemoved] = useState(false);\r\n  const isMultiple = !imageToReplace;\r\n\r\n  const logger = useContext(InstrumentationServiceContext);\r\n\r\n  const itemsToDisplayInImageList = useMemo(() => {\r\n    let existingImagesToDisplay = [];\r\n    const selectionToDisplay = allSelection.map(selection => omit(selection, 'selected'));\r\n\r\n    if (imageToReplace) {\r\n      if (!isImageToReplaceRemoved) {\r\n        existingImagesToDisplay = [imageToReplace];\r\n      }\r\n    } else {\r\n      existingImagesToDisplay = existingImagesInternal;\r\n    }\r\n\r\n    return [...existingImagesToDisplay, ...selectionToDisplay];\r\n  }, [allSelection, existingImagesInternal, imageToReplace, isImageToReplaceRemoved]);\r\n\r\n  const { siteConfig } = useSiteConfig();\r\n\r\n  const businessCategories =\r\n    getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessCategories);\r\n\r\n  const { uploadImageAsync, bulkUploadImagesByUrlsAsync } = useUploadService();\r\n  const isSmartPageM365StockImageGalleryEnabled = useIsSmartPageM365StockImageGalleryEnabled();\r\n  const [shouldFetchFbPhotos, setShouldFetchFbPhotos]\r\n    = useState(!isSmartPageM365StockImageGalleryEnabled);\r\n  // Filter is performed on static existingImages, not dynamic changed ones (internal)\r\n  const {\r\n    isFbSupported,\r\n    fbPhotos,\r\n    isInitializing,\r\n  } = useFacebookPhotos(\r\n    existingImagesInternal,\r\n    shouldFetchFbPhotos,\r\n    isSmartPageM365StockImageGalleryEnabled\r\n  );\r\n\r\n  const handleOnDeleteExistingImage = useCallback((imageToRemove) => {\r\n    const newExistingImages = existingImagesInternal\r\n      .filter(existingImage => !isEqual(imageToRemove, existingImage));\r\n    setExistingImagesInternal(newExistingImages);\r\n    setImagesToRemove([...imagesToRemove, imageToRemove]);\r\n\r\n    if (imageToReplace && imageToReplace.imageId === imageToRemove.imageId) {\r\n      setIsImageToReplaceRemoved(true);\r\n    }\r\n  }, [existingImagesInternal, imageToReplace, imagesToRemove]);\r\n\r\n  const handleOnSetAllSelection = useCallback((selection) => {\r\n    setAllSelection(selection);\r\n\r\n    // If it is single selection, selecting a new one should empty the view one\r\n    if (!isMultiple && !isImageToReplaceRemoved) {\r\n      handleOnDeleteExistingImage(imageToReplace);\r\n    }\r\n  }, [handleOnDeleteExistingImage, imageToReplace, isImageToReplaceRemoved, isMultiple]);\r\n\r\n  const handleOnPivotClick = useCallback((key) => {\r\n    if (key === ImageOptionsKey.FACEBOOKIMPORT) {\r\n      setShouldFetchFbPhotos(true);\r\n    }\r\n  }, []);\r\n\r\n  const onDelete = useCallback((item) => {\r\n    if (item.imageId) {\r\n      handleOnDeleteExistingImage(item);\r\n    } else {\r\n      setItemToUnselect(item);\r\n    }\r\n  }, [handleOnDeleteExistingImage]);\r\n\r\n  const onAddClicked = () => {\r\n    if (allSelection.length === 0) {\r\n      onUpdate({ imagesToRemove });\r\n      return;\r\n    }\r\n\r\n    let localFileUploadPromise = Promise.resolve(null);\r\n    const localSelectedFile = allSelection.find(selection => selection.file);\r\n\r\n    if (localSelectedFile) {\r\n      localFileUploadPromise = uploadImageAsync(localSelectedFile.imageData);\r\n    }\r\n\r\n    let externalImagesUploadPromise = Promise.resolve(null);\r\n    const externalImages =\r\n      allSelection.filter(selection => selection.externalSrc || selection.Picture);\r\n\r\n    if (!isEmpty(externalImages)) {\r\n      const urls = externalImages.map(getUploadUrlFromImage);\r\n\r\n      externalImagesUploadPromise = bulkUploadImagesByUrlsAsync(urls);\r\n    }\r\n\r\n    Promise.all([localFileUploadPromise, externalImagesUploadPromise])\r\n      .finally((() => {\r\n        setLoading(true);\r\n        return () => {\r\n          setLoading(false);\r\n        };\r\n      })())\r\n      .spread((uploadResult, bulkResult) => {\r\n        const toAppend = [];\r\n\r\n        // Try to map selection to each result to maintain order\r\n        allSelection.forEach((selection) => {\r\n          if (selection.file && uploadResult) {\r\n            toAppend.push(uploadResult);\r\n          } else if (!selection.file) {\r\n            const uploadedItem = bulkResult.find(res =>\r\n              res.uploadUrl === getUploadUrlFromImage(selection));\r\n\r\n            if (uploadedItem) {\r\n              // Only append successfully uploaded one\r\n              toAppend.push(formateUploadedPhoto(uploadedItem, selection));\r\n            }\r\n          }\r\n        });\r\n\r\n        if (!isEmpty(toAppend)) {\r\n          onUpdate({ imagesToAdd: toAppend, imagesToRemove });\r\n        }\r\n      })\r\n      .catch(() => {\r\n        setErrorMsg(i18n.getString(_TL_('The images failed to upload. Please try again.')));\r\n      });\r\n  };\r\n\r\n  // Duplicated for backward compatibility\r\n  const updateSelection = useCallback((item, predicate) => {\r\n    const index = allSelection.findIndex(predicate);\r\n\r\n    if (item.selected && index === -1) {\r\n      handleOnSetAllSelection([...allSelection, item]);\r\n    } else if (!item.selected && index > -1) {\r\n      const newSelection = [...allSelection];\r\n      newSelection.splice(index, 1);\r\n      handleOnSetAllSelection(newSelection);\r\n    }\r\n  }, [allSelection, handleOnSetAllSelection]);\r\n\r\n  // Duplicated for backward compatibility\r\n  const onFacebookItemSelectionChanged = useCallback((item) => {\r\n    updateSelection(\r\n      item,\r\n      selection =>\r\n        getThumbnailUrlForFacebookPhoto(selection) === getThumbnailUrlForFacebookPhoto(item)\r\n    );\r\n  }, [updateSelection]);\r\n\r\n  // Duplicated for backward compatibility\r\n  const onHandleLocalFileSelected = useCallback((localImage) => {\r\n    const newSelection = [...allSelection];\r\n    const index = allSelection.findIndex(selection => selection.file);\r\n\r\n    if (index > -1) {\r\n      newSelection.splice(index, 1);\r\n    }\r\n\r\n    // When selected local file on error or empty path, localImage will be empty\r\n    if (localImage) {\r\n      newSelection.push(localImage);\r\n    }\r\n\r\n    handleOnSetAllSelection(newSelection);\r\n  }, [allSelection, handleOnSetAllSelection]);\r\n\r\n  useEffect(() => {\r\n    const error = getValidationErrorMsg({\r\n      selected: allSelection,\r\n      i18n,\r\n      maxCount: maxImagesCount,\r\n      existingCount: size(existingImagesInternal),\r\n      hasRemoveExistingImages: imagesToRemove.length > 0,\r\n    });\r\n\r\n    setErrorMsg(error);\r\n  }, [\r\n    allSelection,\r\n    existingImagesInternal,\r\n    maxImagesCount,\r\n    i18n,\r\n    imagesToRemove,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    logger.logTrace(`SmartGalleryEditor|SelectImagesDialog|Shown|isMultiple:${isMultiple}`);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onClose}\r\n      modalProps={{\r\n        isBlocking: true,\r\n        className: 'smart-page-select-images-dialog',\r\n      }}\r\n      dialogContentProps={{\r\n        className: dialogClassName,\r\n        type: DialogType.close,\r\n        title: isMultiple ? i18n.getString(_TL_('Select image')) : i18n.getString(_TL_('Replace current image')),\r\n        subText: isMultiple ? i18n.getString(_TL_('Select up to {{max}} images to display in a gallery on your website.'), {\r\n          max: maxImagesCount,\r\n        }) : null,\r\n        closeButtonAriaLabel: i18n.getString(_TL_('Close')),\r\n      }}\r\n      minWidth={isSmartPageM365StockImageGalleryEnabled ? 920 : 644}\r\n      maxWidth={isSmartPageM365StockImageGalleryEnabled ? 920 : 644}\r\n    >\r\n      <UiBlocker blocking={loading} loadingText={i18n.getString(_TL_('Adding'))} >\r\n        {\r\n          isSmartPageM365StockImageGalleryEnabled ?\r\n            <React.Fragment>\r\n              <div className={classnames('smart-gallery-selection-dialog-image-list', classes.imageListContainer)}>\r\n                <strong>\r\n                  {\r\n                    isMultiple\r\n                      ? i18n.getString(_TL_('Selected images ({{count}}/{{max}} selected)'), {\r\n                        count: existingImagesInternal.length + allSelection.length,\r\n                        max: maxImagesCount,\r\n                      })\r\n                      : i18n.getString(_TL_('Selected image'))\r\n                  }\r\n                </strong>\r\n                <EditImagesView\r\n                  items={itemsToDisplayInImageList}\r\n                  onDelete={onDelete}\r\n                  i18n={i18n}\r\n                  deleteOnly\r\n                  imageHeight={120}\r\n                  imageWidth={160}\r\n                  pageHeight={120}\r\n                  horizontal\r\n                  displayOnly={!isMultiple}\r\n                />\r\n              </div>\r\n              <hr className={classes.lineBreak} />\r\n              <SmartPivotImageEditor\r\n                className={classnames('smart-gallery-selection-dialog-image-editor', classes.imageEditor)}\r\n                i18n={i18n}\r\n                onSelectionChanged={handleOnSetAllSelection}\r\n                gotoSettings={gotoSettings}\r\n                isFbSupported={isFbSupported}\r\n                isMultiple={isMultiple}\r\n                itemsPerPage={8}\r\n                fbPhotos={fbPhotos}\r\n                isLoadingFbPhotos={isInitializing}\r\n                defaultKeywords={businessCategories}\r\n                existingImages={existingImagesInternal}\r\n                itemToUnselect={itemToUnselect}\r\n                setItemToUnselect={setItemToUnselect}\r\n                onPivotLinkClicked={handleOnPivotClick}\r\n              />\r\n            </React.Fragment>\r\n            :\r\n            <React.Fragment>\r\n              {\r\n                !isFbSupported &&\r\n                <MessageBar isMultiline className={classnames(infoMessageBarClassName, classes.connectFacebookMsg, 'smart-page-gallery-connect-fb-info')}>\r\n                  {i18n.getString(_TL_('Connect your Facebook page to add images.'))}\r\n                </MessageBar>\r\n              }\r\n              <Pivot styles={{ root: classes.pivotRoot }} >\r\n                <PivotItem\r\n                  headerText={i18n.getString(_TL_('Facebook images'))}\r\n                >\r\n                  {\r\n                    isInitializing\r\n                      ? <Loading className={classes.loading} />\r\n                      : <FacebookPhotosListView\r\n                        gotoSettings={gotoSettings}\r\n                        isFbSupported={isFbSupported}\r\n                        onItemSelectionChanged={onFacebookItemSelectionChanged}\r\n                        items={fbPhotos}\r\n                        imageWidth={180}\r\n                        imageHeight={180}\r\n                        pageHeight={432}\r\n                        i18n={i18n}\r\n                      />\r\n                  }\r\n                </PivotItem>\r\n              </Pivot>\r\n              <ImageUploadLocal\r\n                i18n={i18n}\r\n                onFileSelected={onHandleLocalFileSelected}\r\n                className={dialogFullBorderClassName}\r\n                btnClassName={classes.uploadBtn}\r\n                label={i18n.getString(_TL_('Upload your own'))}\r\n              />\r\n            </React.Fragment>\r\n        }\r\n        {\r\n          errorMsg &&\r\n          <div\r\n            role=\"alert\"\r\n            className={classnames(classes.errorMsg, 'smart-page-gallery-dialog-error-message')}\r\n          >\r\n            {errorMsg}\r\n          </div>\r\n        }\r\n        <DialogFooter styles={{ actionsRight: { textAlign: 'left' } }}>\r\n          <PrimaryButton\r\n            onClick={onAddClicked}\r\n            text={i18n.getString(_TL_('Save'))}\r\n            disabled={!!errorMsg}\r\n          />\r\n          <DefaultButton onClick={onClose} text={i18n.getString(_TL_('Cancel'))} />\r\n        </DialogFooter>\r\n      </UiBlocker>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnStyledSelectImagesDialog.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    errorMsg: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  onUpdate: PropTypes.func.isRequired,\r\n  onClose: PropTypes.func.isRequired,\r\n  maxImagesCount: PropTypes.number.isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n  existingImages: PropTypes.arrayOf(PropTypes.any),\r\n  imageToReplace: PropTypes.shape({}),\r\n};\r\n\r\nUnStyledSelectImagesDialog.defaultProps = {\r\n  existingImages: [],\r\n  imageToReplace: null,\r\n};\r\n\r\nexport const SelectImagesDialog = withDefaultStyles(\r\n  UnStyledSelectImagesDialog,\r\n  getStyles\r\n);\r\n","import { size } from 'underscore';\r\n\r\nexport const getValidationErrorMsg = ({\r\n  i18n,\r\n  selected,\r\n  existingCount,\r\n  hasRemoveExistingImages,\r\n  maxCount,\r\n}) => {\r\n  const selectionCount = size(selected);\r\n\r\n  if (selectionCount === 0 && !hasRemoveExistingImages) {\r\n    return i18n.getString(_TL_('Please select a photo to upload or remove an existing one.'));\r\n  }\r\n\r\n  const currentCount = selectionCount + existingCount;\r\n  if (currentCount > maxCount) {\r\n    return i18n.getString(_TL_('You\\'ve selected the max number of photos allowed in your gallery ({{max}}). Please remove {{count}} photo(s).'), {\r\n      max: maxCount,\r\n      count: currentCount - maxCount,\r\n    });\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { useCallback, useContext, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { union, isEmpty, size, chain, findWhere, unique } from 'underscore';\r\nimport classnames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CommandBarButton } from '@fluentui/react/lib/Button';\r\nimport {\r\n  SiteConfigContext,\r\n  useIsSmartPageM365StockImageGalleryEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getComponentById,\r\n  formatImagesToSiteConfigImages,\r\n  formatImagesToSiteConfigComponentConfig,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  EditImagesView,\r\n  AddImagesPlaceholderWithPositioning,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nimport { SelectImagesDialog } from './components/select-images-dialog';\r\n\r\nconst MaxImagesCount = 10;\r\n\r\nconst getStyles = () => ({\r\n  imagesListLabel: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    margin: '0 12px 2px 2px',\r\n    marginBottom: 12,\r\n  },\r\n  addBtn: {\r\n    backgroundColor: 'transparent',\r\n    '&:enabled': {\r\n      color: '#0063B1',\r\n    },\r\n  },\r\n  deleteIcon: {\r\n    color: '#EF0B0B',\r\n  },\r\n});\r\n\r\nconst UnStyledSmartGalleryEditor = ({\r\n  i18n,\r\n  classes,\r\n  componentId,\r\n  gotoSettings,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    sectionTitleClassName,\r\n    editorImgsContentClassName,\r\n  } = useDefaultEditorStyle();\r\n  const { siteConfig, dispatchSiteConfig } = useContext(SiteConfigContext);\r\n  const [showSelectDialog, setShowSelectDialog] = useState(false);\r\n  const [imageToReplace, setImageToReplace] = useState(null);\r\n  const componentConfig = getComponentById(siteConfig, componentId) || {};\r\n  const { photos: items = [] } = componentConfig;\r\n\r\n  const isSmartPageM365StockImageGalleryEnabled = useIsSmartPageM365StockImageGalleryEnabled();\r\n\r\n  const openDialog = useCallback(() => {\r\n    setShowSelectDialog(true);\r\n  }, []);\r\n\r\n  const closeDialog = useCallback(() => {\r\n    setImageToReplace(null);\r\n    setShowSelectDialog(false);\r\n  }, []);\r\n\r\n  const updateImagesConfig = useCallback(({ imagesToAdd = [], imageIdsToRemove = [] }) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_IMAGES',\r\n      payload: { imagesToAdd, imageIdsToRemove },\r\n    });\r\n  }, [dispatchSiteConfig]);\r\n\r\n  const updateGalleryConfig = useCallback((photos) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: { ...componentConfig, photos },\r\n    });\r\n  }, [dispatchSiteConfig, componentConfig]);\r\n\r\n  const onUpdate = useCallback(({ imagesToAdd = [], imagesToRemove = [] }) => {\r\n    const idsToRemove = chain(imagesToRemove).pluck('imageId').compact().value();\r\n    const newAddedImageConfigs = formatImagesToSiteConfigComponentConfig(imagesToAdd);\r\n\r\n    let newPhotos = [];\r\n    const updatedExistingImages = items.filter(item =>\r\n      !findWhere(imagesToRemove, { imageId: item.imageId }));\r\n\r\n    // If we have imageToReplace, we are in single selection\r\n    // newAddedImageConfigs could only have 0 or 1 length\r\n    // We only need to replace it if we selected a new image\r\n    if (imageToReplace && newAddedImageConfigs.length > 0) {\r\n      newPhotos = [...updatedExistingImages];\r\n      newPhotos.splice(imageToReplace.index, 0, newAddedImageConfigs[0]);\r\n    } else { // !imageToReplace or newAddedImageConfigs.length === 0\r\n      newPhotos = union(updatedExistingImages, newAddedImageConfigs);\r\n    }\r\n\r\n    updateImagesConfig({\r\n      imagesToAdd: formatImagesToSiteConfigImages(imagesToAdd),\r\n      imageIdsToRemove: unique(idsToRemove),\r\n    });\r\n\r\n    updateGalleryConfig(newPhotos);\r\n    closeDialog();\r\n  }, [updateImagesConfig, imageToReplace, updateGalleryConfig, closeDialog, items]);\r\n\r\n  const onDelete = useCallback((_item, selectedIndex) => {\r\n    const updated = [...items];\r\n    const [deletedPhoto] = updated.splice(selectedIndex, 1);\r\n\r\n    updateImagesConfig({\r\n      imageIdsToRemove: deletedPhoto.imageId && [deletedPhoto.imageId],\r\n    });\r\n\r\n    updateGalleryConfig(updated);\r\n  }, [items, updateGalleryConfig, updateImagesConfig]);\r\n\r\n  const onReplace = useCallback((item, index) => {\r\n    setImageToReplace({ item, index });\r\n    openDialog();\r\n  }, [openDialog]);\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Gallery'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Please select or upload up to {{max}} photos to add to your Gallery on your website.'), {\r\n          max: MaxImagesCount,\r\n        })}\r\n      </div>\r\n      <div className={editorImgsContentClassName}>\r\n        <div className=\"delete-images-list\">\r\n          <div className={classes.imagesListLabel}>\r\n            <span className={sectionTitleClassName}>{i18n.getString(_TL_('Your photos'))}</span>\r\n            <CommandBarButton\r\n              iconProps={{ iconName: 'Add' }}\r\n              text={i18n.getString(_TL_('Add photos'))}\r\n              onClick={openDialog}\r\n              className={classnames(classes.addBtn, 'smart-page-add-images-btn')}\r\n              disabled={items && items.length === MaxImagesCount}\r\n            />\r\n          </div>\r\n          {\r\n            !isEmpty(items) &&\r\n            <EditImagesView\r\n              items={items}\r\n              onDelete={onDelete}\r\n              onReplace={onReplace}\r\n              i18n={i18n}\r\n              imageRetryLimit={1}\r\n              deleteOnly={!isSmartPageM365StockImageGalleryEnabled}\r\n            />\r\n          }\r\n          {\r\n            size(items) < MaxImagesCount &&\r\n            <AddImagesPlaceholderWithPositioning\r\n              i18n={i18n}\r\n              itemCount={size(items)}\r\n              onClick={openDialog}\r\n            />\r\n          }\r\n        </div>\r\n        {\r\n          showSelectDialog &&\r\n          <SelectImagesDialog\r\n            onClose={closeDialog}\r\n            onUpdate={onUpdate}\r\n            i18n={i18n}\r\n            existingImages={items}\r\n            imageToReplace={imageToReplace ? imageToReplace.item : null}\r\n            maxImagesCount={MaxImagesCount}\r\n            gotoSettings={gotoSettings}\r\n          />\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartGalleryEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    imagesListLabel: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SmartGalleryEditor = withDefaultStyles(\r\n  UnStyledSmartGalleryEditor,\r\n  getStyles\r\n);\r\n","import { number, string, shape } from 'prop-types';\r\n\r\nexport const professionalServicePropTypes = shape({\r\n  name: string,\r\n  price: number,\r\n  description: string,\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { isNumber } from 'underscore';\r\n\r\nimport { TooltipWrapper } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { professionalServicePropTypes } from '../consts/prop-types';\r\n\r\nconst UnStyledSmartProfessionalServiceCard = ({\r\n  item,\r\n  classes,\r\n}) => {\r\n  const {\r\n    name,\r\n    price,\r\n    description,\r\n  } = item;\r\n\r\n  return (\r\n    <div key={name} className={classNames(classes.container, 'view-service-item', 'card')}>\r\n      <span className={classes.name}>{name}</span>\r\n      {\r\n        isNumber(price) && <span className={classes.price}>{`$${price.toLocaleString('en-US')}`}</span>\r\n      }\r\n      {\r\n        description &&\r\n        <TooltipWrapper content={description} lineClamp={6}>\r\n          <span className={classes.description}>\r\n            {description}\r\n          </span>\r\n        </TooltipWrapper>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartProfessionalServiceCard.propTypes = {\r\n  item: professionalServicePropTypes.isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nexport const SmartProfessionalServiceCard = withDefaultStyles(\r\n  UnStyledSmartProfessionalServiceCard,\r\n  (_, { palette = {} }) => ({\r\n    container: {\r\n      height: '275px',\r\n      width: '340px',\r\n      position: 'relative',\r\n      padding: '20px 13px 40px',\r\n      margin: '0px 15px 50px',\r\n      boxShadow: '0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)',\r\n      borderRadius: 2,\r\n      background: palette.cardBackground,\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      lineHeight: '20px',\r\n      textAlign: 'center',\r\n      fontSize: '16px',\r\n      wordBreak: 'break-word',\r\n      color: palette.secondaryText,\r\n    },\r\n    name: {\r\n      fontWeight: 'bold',\r\n      fontSize: '24px',\r\n      marginBottom: '15px',\r\n      lineHeight: '24px',\r\n    },\r\n    price: {\r\n      marginBottom: '15px',\r\n    },\r\n    description: {\r\n      marginBottom: '30px',\r\n      overflow: 'hidden',\r\n      textOverflow: 'ellipsis',\r\n      display: '-webkit-box',\r\n      WebkitBoxOrient: 'vertical',\r\n      WebkitLineClamp: 6,\r\n    },\r\n  })\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { ItemCarousel } from '@bingads-webui-campaign-react/smart-component-card';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext, useI18n } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { professionalServicePropTypes } from './consts/prop-types';\r\nimport { SmartProfessionalServiceCard } from './components/professional-service-card';\r\n\r\nconst UnStyledSmartProfessionalServiceView = ({\r\n  classes,\r\n  id,\r\n  services,\r\n}) => {\r\n  const { isMobile, responsiveMode } = useClientContext();\r\n  const i18n = useI18n();\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classNames(\r\n        classes.container,\r\n        !isMobile && classes.containerMargin\r\n      )}\r\n    >\r\n      <h2 className={classNames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Services'))}\r\n      </h2>\r\n      <ItemCarousel\r\n        items={services}\r\n        responsiveSize={responsiveMode}\r\n        i18n={i18n}\r\n        CardComponent={SmartProfessionalServiceCard}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartProfessionalServiceView.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n  services: PropTypes.arrayOf(professionalServicePropTypes).isRequired,\r\n};\r\n\r\nexport const SmartProfessionalServiceView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartProfessionalServiceView,\r\n  components => ({\r\n    title: {\r\n      ...components.sectionTitle,\r\n    },\r\n    container: {\r\n      ...components.section,\r\n    },\r\n    containerMargin: {\r\n      marginLeft: '7%',\r\n      marginRight: '7%',\r\n    },\r\n  })\r\n), 'componentMode');\r\n","export const dataProperties = {\r\n  name: 'Name',\r\n  description: 'Description',\r\n  price: 'Price',\r\n};\r\n\r\nexport const convertModelToConfig = mtModel => ({\r\n  name: mtModel[dataProperties.name],\r\n  description: mtModel[dataProperties.description],\r\n  price: mtModel[dataProperties.price],\r\n});\r\n\r\nexport const covertConfigToModel = config => ({\r\n  [dataProperties.name]: config.name,\r\n  [dataProperties.description]: config.description,\r\n  [dataProperties.price]: config.price,\r\n});\r\n","import { isArray } from 'underscore';\r\n\r\nimport {\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getWebsiteSourceDataByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { convertModelToConfig } from './data-config';\r\n\r\nconst componentKey = WEBSITE_SOURCE_DATA_KEY_MAPPING.Services;\r\n\r\nexport const proxyReadProfessionalServicesComponentConfig = (siteConfig) => {\r\n  const componentConfig = getWebsiteSourceDataByKey(siteConfig, componentKey);\r\n  /* istanbul ignore next */\r\n  const services = isArray(componentConfig) ? componentConfig : [];\r\n\r\n  return services.map(convertModelToConfig);\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty } from 'underscore';\r\n\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { SmartProfessionalServiceView } from './smart-professional-service-view';\r\nimport { proxyReadProfessionalServicesComponentConfig } from './component-config-reader';\r\n\r\nexport const SmartProfessionalServiceConnector = ({ id }) => {\r\n  const { siteConfig } = useSiteConfig();\r\n\r\n  const services = proxyReadProfessionalServicesComponentConfig(siteConfig);\r\n\r\n  return (\r\n    !isEmpty(services)\r\n      ? <SmartProfessionalServiceView\r\n        id={id}\r\n        services={services}\r\n      />\r\n      : null\r\n  );\r\n};\r\n\r\nSmartProfessionalServiceConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import React, { useCallback, useState } from 'react';\r\nimport { func, arrayOf, string } from 'prop-types';\r\nimport { isEmpty, map } from 'underscore';\r\nimport classNames from 'classnames';\r\n\r\nimport { FormGroup, Label, Row, Col } from '@bingads-webui-react/primitive';\r\nimport { ValidationGroup, Input, TextArea } from '@bingads-webui-react/primitive-validation';\r\nimport { useI18n } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { professionalServicePropTypes } from '../consts/prop-types';\r\n\r\nconst getStyles = () => ({\r\n  formContainer: {\r\n    '& .error': {\r\n      color: '#a80000',\r\n    },\r\n  },\r\n  description: {\r\n    float: 'right',\r\n    fontWeight: 'bold',\r\n    position: 'relative',\r\n  },\r\n  descriptionContainer: {\r\n    height: '120px',\r\n\r\n    '& div[role=alert] + $description': {\r\n      top: '-20px',\r\n    },\r\n  },\r\n});\r\n\r\nconst nameMaxLength = 30;\r\nconst descriptionMaxLength = 200;\r\n\r\nconst serviceSchema = {\r\n  name: 'Service schema',\r\n  type: 'object',\r\n  properties: {\r\n    name: {\r\n      type: 'string',\r\n      required: true,\r\n      maxLength: nameMaxLength,\r\n    },\r\n    price: {\r\n      type: 'number',\r\n      minimum: 0,\r\n      maximum: 10000,\r\n    },\r\n    description: {\r\n      type: 'string',\r\n      maxLength: descriptionMaxLength,\r\n      distinguishCJK: false,\r\n    },\r\n  },\r\n};\r\n\r\nconst priceErrors = {\r\n  type: _TL_('Please enter a number between 0.00 and 10,000.00.'),\r\n  decimalLength: _TL_('Please enter a valid price.'),\r\n  range: _TL_('Please enter a number between 0.00 and 10,000.00.'),\r\n};\r\n\r\nconst descriptionErrors = {\r\n  maxLength: _TL_('Your service description cannot exceed 200 characters.'),\r\n};\r\n\r\nexport const ProfessionalServiceForm = ({\r\n  onValidate,\r\n  defaultValue,\r\n  existingServiceNames,\r\n}) => {\r\n  const [description, setDescription] = useState(defaultValue.description || '');\r\n  const i18n = useI18n();\r\n  const classes = useDefaultStyles(getStyles);\r\n\r\n  const nameValidator = useCallback((value) => {\r\n    const validationValue = value.trim().toLowerCase();\r\n    if (isEmpty(validationValue)) {\r\n      return [i18n.getString(_TL_('Service name is required'))];\r\n    } else if (validationValue.length > nameMaxLength) {\r\n      return [i18n.getString(_TL_('Your service name cannot exceed {{maxCount}} characters.'), { maxCount: nameMaxLength })];\r\n    }\r\n    return (existingServiceNames.indexOf(validationValue) > -1 ? [i18n.getString(_TL_('You can\\'t have two services with the same name.'))] : []);\r\n  }, [existingServiceNames, i18n]);\r\n\r\n  const onDescriptionChange = useCallback(e => setDescription(e.target.value), []);\r\n\r\n  const getErrorProcessor = useCallback((type) => {\r\n    let errorMaps = priceErrors;\r\n    if (type === 'description') {\r\n      errorMaps = descriptionErrors;\r\n    }\r\n\r\n    /* istanbul ignore next */\r\n    return errors => map(errors, (oldError, key) => i18n.getString(errorMaps[key]) || oldError);\r\n  }, [i18n]);\r\n\r\n  return (\r\n    <div className={classNames(classes.formContainer, 'signup-user-info-form')}>\r\n      <ValidationGroup validationProps={{\r\n        schema: serviceSchema,\r\n        onValidate,\r\n        data: defaultValue,\r\n      }}\r\n      >\r\n        <FormGroup>\r\n          <Row>\r\n            <Col sm={12}> <Label id=\"serviceName\" required>{i18n.getString(_TL_('Service name'))}</Label></Col>\r\n          </Row>\r\n          <Row>\r\n            <Col sm={12}>\r\n              <Input\r\n                validationProps={{ field: 'name', validator: nameValidator }}\r\n                aria-labelledby=\"serviceName\"\r\n                className=\"service-name\"\r\n              />\r\n            </Col>\r\n          </Row>\r\n        </FormGroup>\r\n        <FormGroup>\r\n          <Row>\r\n            <Col sm={12}><Label id=\"servicePrice\">{i18n.getString(_TL_('Price (optional)'))}</Label></Col>\r\n          </Row>\r\n          <Row>\r\n            <Col sm={12}>\r\n              <Input\r\n                validationProps={{ field: 'price', errorProcessor: getErrorProcessor('price') }}\r\n                aria-labelledby=\"servicePrice\"\r\n                className=\"service-price\"\r\n              />\r\n            </Col>\r\n          </Row>\r\n        </FormGroup>\r\n        <FormGroup>\r\n          <Row>\r\n            <Col sm={12}>\r\n              <Label>\r\n                <div id=\"serviceDescription\">{i18n.getString(_TL_('Description (optional)'))}</div>\r\n              </Label>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col sm={12} className={classes.descriptionContainer}>\r\n              <TextArea\r\n                onChange={onDescriptionChange}\r\n                validationProps={{ field: 'description', errorProcessor: getErrorProcessor('description') }}\r\n                aria-labelledby=\"serviceDescription\"\r\n                className=\"service-description\"\r\n                rows={3}\r\n                style={{ resize: 'none' }}\r\n                placeholder={i18n.getString(_TL_('Write a short description about your business, including keywords that people might use to search for your services.'))}\r\n              />\r\n              <span className={classes.description}>\r\n                {\r\n                  i18n.getString((_TL_('{{remainingChars}} characters remaining')), {\r\n                    remainingChars: descriptionMaxLength - description.length,\r\n                  })\r\n                }\r\n              </span>\r\n            </Col>\r\n          </Row>\r\n        </FormGroup>\r\n      </ValidationGroup>\r\n    </div>\r\n  );\r\n};\r\n\r\nProfessionalServiceForm.propTypes = {\r\n  onValidate: func.isRequired,\r\n  defaultValue: professionalServicePropTypes,\r\n  existingServiceNames: arrayOf(string),\r\n};\r\n\r\nProfessionalServiceForm.defaultProps = {\r\n  existingServiceNames: [],\r\n  defaultValue: {},\r\n};\r\n","import React, { useState, useMemo, useCallback, useRef } from 'react';\r\nimport { func, arrayOf, number } from 'prop-types';\r\nimport { compact } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { useI18n } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { ProfessionalServiceForm } from './professional-service-form';\r\nimport { professionalServicePropTypes } from '../consts/prop-types';\r\n\r\nconst UnstyledAddProfessionalServiceDialog = ({\r\n  onAdd,\r\n  onCancel,\r\n  editingIndex,\r\n  services,\r\n}) => {\r\n  const i18n = useI18n();\r\n\r\n  const editing = editingIndex > -1;\r\n  const servicesRef = useRef(services);\r\n  const [formData, setFormData] = useState(services[editingIndex]);\r\n  const [isValid, setIsValid] = useState(false);\r\n\r\n  const dialogContentProps = useMemo(() => ({\r\n    type: DialogType.close,\r\n    title: i18n.getString(editing ? _TL_('Update a service') : _TL_('Add a new service offered')),\r\n    closeButtonAriaLabel: i18n.getString(_TL_('Close')),\r\n  }), [i18n, editing]);\r\n\r\n  const onFormValidate = useCallback((res) => {\r\n    setFormData(res.data);\r\n    setIsValid(res.isValid);\r\n  }, []);\r\n\r\n  const onFormAdd = useCallback(() => {\r\n    const { name } = formData;\r\n    onAdd({ ...formData, name: name.trim() });\r\n  }, [formData, onAdd]);\r\n\r\n  const existingServiceNames = useMemo(() => {\r\n    servicesRef.current[editingIndex] = undefined;\r\n    return compact(servicesRef.current).map(s => s.name.toLowerCase());\r\n  }, [editingIndex, servicesRef]);\r\n\r\n  return (\r\n    <Dialog\r\n      className=\"smart-page-add-professional-service-dialog\"\r\n      hidden={false}\r\n      onDismiss={onCancel}\r\n      dialogContentProps={dialogContentProps}\r\n      minWidth={613}\r\n      modalProps={{ isBlocking: true }}\r\n    >\r\n      <ProfessionalServiceForm\r\n        onValidate={onFormValidate}\r\n        existingServiceNames={existingServiceNames}\r\n        defaultValue={formData}\r\n      />\r\n      <DialogFooter>\r\n        <PrimaryButton\r\n          text={i18n.getString(editing ? _TL_('Save') : _TL_('Add'))}\r\n          disabled={!isValid}\r\n          onClick={onFormAdd}\r\n        />\r\n        <DefaultButton\r\n          text={i18n.getString(_TL_('Cancel'))}\r\n          onClick={onCancel}\r\n        />\r\n      </DialogFooter>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnstyledAddProfessionalServiceDialog.propTypes = {\r\n  onAdd: func.isRequired,\r\n  onCancel: func.isRequired,\r\n  editingIndex: number,\r\n  services: arrayOf(professionalServicePropTypes),\r\n};\r\n\r\nUnstyledAddProfessionalServiceDialog.defaultProps = {\r\n  editingIndex: -1,\r\n  services: [],\r\n};\r\n\r\nexport const AddProfessionalServiceDialog = withDefaultStyles(\r\n  UnstyledAddProfessionalServiceDialog,\r\n  () => ({})\r\n);\r\n","import React from 'react';\r\nimport { shape } from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { isNumber } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { TooltipWrapper } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { professionalServicePropTypes } from '../consts/prop-types';\r\n\r\nconst UnStyledSmartProfessionalServiceEditorItemView = ({\r\n  classes,\r\n  item,\r\n  i18n,\r\n}) => {\r\n  const { name, price, description } = item;\r\n  return (\r\n    <div className={classnames(classes.container, 'professional-service-editor-item-view')}>\r\n      <div className={classes.contentContainer}>\r\n        <span className={classnames(classes.serviceName, 'service-name')}>\r\n          {name}\r\n        </span>\r\n        {\r\n          isNumber(price) &&\r\n          <span className={classnames(classes.servicePrice, 'service-price')}>\r\n            {`${i18n.getString(_TL_('Price'))}: $${price.toLocaleString('en-US')}`}\r\n          </span>\r\n        }\r\n        {\r\n          description &&\r\n          <TooltipWrapper content={description} lineClamp={4}>\r\n            <span className={classnames(classes.serviceDescription, 'service-description')}>\r\n              {description}\r\n            </span>\r\n          </TooltipWrapper>\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartProfessionalServiceEditorItemView.propTypes = {\r\n  classes: shape({}).isRequired,\r\n  item: professionalServicePropTypes.isRequired,\r\n  i18n: shape({}).isRequired,\r\n};\r\n\r\nexport const SmartProfessionalServiceEditorItemView = withDefaultStyles(\r\n  UnStyledSmartProfessionalServiceEditorItemView,\r\n  () => ({\r\n    container: {\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      position: 'relative',\r\n      width: '100%',\r\n      wordBreak: 'break-word',\r\n    },\r\n    contentContainer: {\r\n      height: '100%',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      justifyContent: 'space-evenly',\r\n      fontSize: '14px',\r\n    },\r\n    serviceName: {\r\n      fontWeight: 'bold',\r\n      fontSize: '16px',\r\n      marginBottom: '3px',\r\n    },\r\n    servicePrice: {\r\n      color: '#797775',\r\n      fontWeight: 600,\r\n      marginBottom: '3px',\r\n    },\r\n    serviceDescription: {\r\n      overflow: 'hidden',\r\n      textOverflow: 'ellipsis',\r\n      display: '-webkit-box',\r\n      WebkitBoxOrient: 'vertical',\r\n      WebkitLineClamp: 2,\r\n    },\r\n  })\r\n);\r\n","import React, { useCallback, useMemo } from 'react';\r\nimport { arrayOf, func, shape } from 'prop-types';\r\nimport { isEmpty, map } from 'underscore';\r\nimport classnames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useI18n } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { useDefaultEditorStyle } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { ItemPicker } from '@bingads-webui-campaign-react/smart-component-card';\r\n\r\nimport { professionalServicePropTypes } from '../consts/prop-types';\r\nimport { SmartProfessionalServiceEditorItemView } from './professional-service-editor-item-view';\r\n\r\nconst UnStyledSmartProfessionalServiceEditorItemList = ({\r\n  classes,\r\n  onEdit,\r\n  onDelete,\r\n  services,\r\n}) => {\r\n  const i18n = useI18n();\r\n  const { infoMessageBarClassName } = useDefaultEditorStyle();\r\n\r\n  const servicesInternal = useMemo(() => map(services, s => ({ ...s, id: s.name })), [services]);\r\n  const getDeleteAriaLabel = useCallback((i, item) => i18n.getString(_TL_('Delete service {{name}}'), { name: item.name }), [i18n]);\r\n  const getEditAriaLabel = useCallback((i, item) => i18n.getString(_TL_('Edit service {{name}}'), { name: item.name }), [i18n]);\r\n\r\n  return (\r\n    <div className=\"professional-service-editor-item-list\">\r\n      {\r\n        !isEmpty(services)\r\n          ? <ItemPicker\r\n            numberOfItemsPerPage={4}\r\n            items={servicesInternal}\r\n            i18n={i18n}\r\n            ItemComponent={SmartProfessionalServiceEditorItemView}\r\n            onEdit={onEdit}\r\n            onDelete={onDelete}\r\n            getDeleteButtonAriaLabel={getDeleteAriaLabel}\r\n            getEditButtonAriaLabel={getEditAriaLabel}\r\n            editButtonLabel={i18n.getString(_TL_('Edit service'))}\r\n            editable\r\n          />\r\n          :\r\n          <MessageBar className={classnames(infoMessageBarClassName, classes.noData, 'no-data-info-msg')} isMultiline>\r\n            {i18n.getString(_TL_('You don\\'t have any existing services. Please add one.'))}\r\n          </MessageBar>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartProfessionalServiceEditorItemList.propTypes = {\r\n  classes: shape({}).isRequired,\r\n  onEdit: func.isRequired,\r\n  onDelete: func.isRequired,\r\n  services: arrayOf(professionalServicePropTypes),\r\n};\r\n\r\nUnStyledSmartProfessionalServiceEditorItemList.defaultProps = {\r\n  services: [],\r\n};\r\n\r\nexport const SmartProfessionalServiceEditorItemList = withDefaultStyles(\r\n  UnStyledSmartProfessionalServiceEditorItemList,\r\n  (_c, { palette = {} }) => ({\r\n    iconContainer: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      color: palette.themeDarkAlt,\r\n      opacity: '0.95',\r\n    },\r\n    iconButton: {\r\n      background: 'rgba(255, 255, 255, 0.83)',\r\n      border: '1px solid black',\r\n      width: 32,\r\n      height: 32,\r\n      minWidth: 32,\r\n      borderRadius: 99,\r\n      cursor: 'pointer',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n\r\n      // Hide the default chevron for menu\r\n      '& span i:not(:first-child)': {\r\n        display: 'none',\r\n      },\r\n    },\r\n    noData: {\r\n      background: '#F3F2F0',\r\n      padding: '24px 5px',\r\n    },\r\n  })\r\n);\r\n","import React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nimport {\r\n  useDefaultEditorStyle,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { ActionButton } from '@fluentui/react/lib/Button';\r\nimport { useI18n, useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { AddProfessionalServiceDialog } from './components/add-professional-service-dialog';\r\nimport { proxyReadProfessionalServicesComponentConfig } from './component-config-reader';\r\nimport { covertConfigToModel } from './data-config';\r\nimport { SmartProfessionalServiceEditorItemList } from './components/professional-service-editor-item-list';\r\n\r\nconst componentKey = WEBSITE_SOURCE_DATA_KEY_MAPPING.Services;\r\nconst MaxCount = 12;\r\n\r\nexport const UnStyledSmartProfessionalServiceEditor = ({\r\n  classes,\r\n}) => {\r\n  const i18n = useI18n();\r\n  const [showDialog, setShowDialog] = useState(false);\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const [editingIndex, setEditingIndex] = useState(-1);\r\n\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const services = proxyReadProfessionalServicesComponentConfig(siteConfig);\r\n\r\n  const toggleDialog = useCallback((show) => {\r\n    setShowDialog(show);\r\n    if (!show) {\r\n      setEditingIndex(-1);\r\n    }\r\n  }, []);\r\n\r\n  const updateServices = useCallback((newServices) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n      payload: {\r\n        name: componentKey,\r\n        value: newServices.map(covertConfigToModel),\r\n      },\r\n    });\r\n  }, [dispatchSiteConfig]);\r\n\r\n  const onAdd = useCallback((newService) => {\r\n    const newServices = [...services];\r\n\r\n    if (editingIndex > -1) {\r\n      newServices[editingIndex] = newService;\r\n    } else {\r\n      newServices.push(newService);\r\n    }\r\n\r\n    updateServices(newServices);\r\n    toggleDialog(false);\r\n  }, [updateServices, services, toggleDialog, editingIndex]);\r\n\r\n  const onDelete = useCallback((index) => {\r\n    const newServices = [...services];\r\n    newServices.splice(index, 1);\r\n    updateServices(newServices);\r\n  }, [services, updateServices]);\r\n\r\n  const onEdit = useCallback((index) => {\r\n    setEditingIndex(index);\r\n    toggleDialog(true);\r\n  }, [toggleDialog]);\r\n\r\n  return (\r\n    <div className=\"smart-page-professional-service-editor-container\">\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Services'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('This section is where you\\'ll display the different services your business offers (maximum 12 services).'))}\r\n      </div>\r\n      <div className=\"smart-page-professional-service-list\">\r\n        <div className={classes.listLabelContainer}>\r\n          <ActionButton\r\n            className={classnames(classes.addBtn, 'add-professional-service-button')}\r\n            onClick={() => toggleDialog(true)}\r\n            disabled={services && services.length >= MaxCount}\r\n          >\r\n            {i18n.getString(_TL_('+ Add service'))}\r\n          </ActionButton>\r\n        </div>\r\n        <SmartProfessionalServiceEditorItemList\r\n          onEdit={onEdit}\r\n          onDelete={onDelete}\r\n          services={services}\r\n        />\r\n      </div>\r\n      {\r\n        showDialog &&\r\n        <AddProfessionalServiceDialog\r\n          i18n={i18n}\r\n          onAdd={onAdd}\r\n          onCancel={() => toggleDialog(false)}\r\n          services={services}\r\n          editingIndex={editingIndex}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartProfessionalServiceEditor.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nexport const SmartProfessionalServiceEditor = withDefaultStyles(\r\n  UnStyledSmartProfessionalServiceEditor,\r\n  () => ({\r\n    listLabelContainer: {\r\n      display: 'flex',\r\n    },\r\n    addBtn: {\r\n      marginLeft: 'auto',\r\n      marginRight: '12px',\r\n      height: '25px',\r\n      '&:enabled': {\r\n        color: '#0063B1',\r\n      },\r\n    },\r\n  })\r\n);\r\n","export const UPDATE_CARD_MODE = {\r\n  VIEW_MODE: 'viewMode',\r\n  EDIT_MODE: 'editMode',\r\n};\r\n\r\nexport const UPDATE_SOURCE = {\r\n  FACEBOOK: 'facebook',\r\n  SMARTPAGE: 'smartpage',\r\n};\r\n\r\nexport const softLimit = 200;\r\nexport const hardLimit = 500;\r\n\r\nexport const MaxPostsCount = 10;\r\n","import React, { useCallback, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Image, ImageFit } from '@fluentui/react/lib/Image';\r\n\r\nimport {\r\n  getImageUrlById,\r\n  transformDateWithLocaleForEditMode,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  useSiteConfig,\r\n  useCurrentLocale,\r\n  useIsSmartPageCustomizedUpdateEnabled,\r\n  useInstrumentationServiceContext,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { TooltipWrapper } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { LogoImage, proxyReadLogoConfig, } from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nimport { UPDATE_CARD_MODE, UPDATE_SOURCE } from './constants';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  userInfoContainer: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    width: 'calc(100% - 20px)',\r\n    marginBottom: 9,\r\n  },\r\n  logoImageContainerWithIcon: {\r\n    width: 'calc(100% - 20px)',\r\n  },\r\n  logoImageContainerWithoutIcon: {\r\n    width: '100%',\r\n  },\r\n  smallContent: {\r\n    height: 175,\r\n  },\r\n  largeContent: {\r\n    height: 268,\r\n  },\r\n  [UPDATE_CARD_MODE.EDIT_MODE]: {\r\n    '& .card': {\r\n      position: 'relative',\r\n    },\r\n    '& .photo': {\r\n      display: 'block',\r\n      width: 332,\r\n      height: 211,\r\n    },\r\n    '& .message': {\r\n      display: 'block',\r\n      wordBreak: 'break-word',\r\n      whiteSpace: 'pre-line',\r\n    },\r\n  },\r\n  [UPDATE_CARD_MODE.VIEW_MODE]: {\r\n    marginBottom: 60,\r\n    '& .card': {\r\n      position: 'relative',\r\n      padding: '20px 0 42px 0',\r\n      margin: '0px 15px',\r\n      width: 340,\r\n      height: 360,\r\n      boxShadow: '0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)',\r\n      borderRadius: 2,\r\n      background: palette.cardBackground,\r\n    },\r\n    '& .photo': {\r\n      display: 'block',\r\n      width: 300,\r\n      padding: '0 15px',\r\n      objectFit: 'contain',\r\n      maxHeight: '268px',\r\n      marginLeft: 'auto',\r\n      marginRight: 'auto',\r\n    },\r\n    '& .message': {\r\n      display: 'block',\r\n      wordBreak: 'break-word',\r\n      whiteSpace: 'pre-line',\r\n      width: 300,\r\n      marginTop: 8,\r\n      marginLeft: 'auto',\r\n      marginRight: 'auto',\r\n      color: palette.secondaryText,\r\n    },\r\n  },\r\n  createdTimeInViewMode: {\r\n    position: 'absolute',\r\n    right: 12,\r\n    bottom: 12,\r\n    color: palette.tertiaryText,\r\n    fontSize: 12,\r\n  },\r\n  fbIcon: {\r\n    color: '#1877F2',\r\n    fontSize: 18,\r\n    lineHeight: '18px',\r\n    fontFamily: 'MsAds MDL2 Assets',\r\n    '&:before': {\r\n      content: '\"\\\\ECB3\"',\r\n    },\r\n  },\r\n});\r\n\r\nconst UnStyledSmartUpdateCard = ({\r\n  item,\r\n  classes,\r\n  i18n,\r\n  mode,\r\n}) => {\r\n  const { siteConfig } = useSiteConfig();\r\n  const logger = useInstrumentationServiceContext();\r\n  const isSmartPageCustomizedUpdateEnabled = useIsSmartPageCustomizedUpdateEnabled();\r\n  const src = getImageUrlById(siteConfig, item.imageId) || item.photo;\r\n  const { label, imageId } = proxyReadLogoConfig({ i18n, siteConfig });\r\n  const locale = useCurrentLocale();\r\n  const transformedCreateTime = transformDateWithLocaleForEditMode(item.createdTime, locale);\r\n\r\n  const updateSourceIcon = useMemo(() => {\r\n    if (!isSmartPageCustomizedUpdateEnabled) {\r\n      return null;\r\n    }\r\n\r\n    if (item && (item.source === UPDATE_SOURCE.FACEBOOK || !item.source)) {\r\n      return (<div className={classNames('update-source-icon-fb', classes.fbIcon)} />);\r\n    }\r\n\r\n    return null;\r\n  }, [item, classes, isSmartPageCustomizedUpdateEnabled]);\r\n\r\n  const getUpdateContent = useCallback(() => (mode === UPDATE_CARD_MODE.EDIT_MODE ?\r\n    (\r\n      <div>\r\n        {\r\n          src &&\r\n          <div>\r\n            <Image\r\n              src={src}\r\n              alt=\"\"\r\n              className=\"photo\"\r\n              imageFit={ImageFit.contain}\r\n            />\r\n          </div>\r\n        }\r\n        <div className=\"message\">\r\n          {item.message}\r\n        </div>\r\n      </div>\r\n    )\r\n    :\r\n    (\r\n      <div>\r\n        {\r\n          src &&\r\n          <div>\r\n            <img\r\n              src={src}\r\n              alt=\"\"\r\n              className={classNames('photo', item.message ? classes.smallContent : null)}\r\n              imageFit={ImageFit.contain}\r\n            />\r\n          </div>\r\n        }\r\n        <TooltipWrapper content={item.message} lineClamp={6}>\r\n          <div className=\"message\">\r\n            {item.message}\r\n          </div>\r\n        </TooltipWrapper>\r\n      </div>\r\n    )\r\n  ), [mode, src, item.message, classes]);\r\n\r\n  useEffect(() => {\r\n    if (logger) {\r\n      logger.logTrace(`transformed CreateTime ${item.createdTime} to locale ${locale} string ${transformedCreateTime}`);\r\n    }\r\n  }, [item.createdTime, locale, logger, transformedCreateTime]);\r\n\r\n  return (\r\n    <div className={classes[mode]} >\r\n      <div className=\"card\" >\r\n        {\r\n          mode === UPDATE_CARD_MODE.EDIT_MODE &&\r\n          (\r\n            <div className={classes.userInfoContainer}>\r\n              <div className={updateSourceIcon ?\r\n                classes.logoImageContainerWithIcon : classes.logoImageContainerWithoutIcon}\r\n              >\r\n                <LogoImage\r\n                  imageId={imageId}\r\n                  label={label}\r\n                  timestamp={transformedCreateTime}\r\n                />\r\n              </div>\r\n              {updateSourceIcon}\r\n            </div>\r\n          )\r\n        }\r\n        {getUpdateContent()}\r\n        {\r\n          mode === UPDATE_CARD_MODE.VIEW_MODE &&\r\n          (\r\n            <div className={classNames(classes.createdTimeInViewMode, 'created-time')}>\r\n              {transformedCreateTime}\r\n            </div>\r\n          )\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartUpdateCard.propTypes = {\r\n  item: PropTypes.shape({\r\n    message: PropTypes.string,\r\n    photo: PropTypes.string,\r\n    photoId: PropTypes.string,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    userInfoContainer: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  mode: PropTypes.string,\r\n};\r\n\r\nUnStyledSmartUpdateCard.defaultProps = {\r\n  mode: UPDATE_CARD_MODE.EDIT_MODE,\r\n};\r\n\r\nexport const SmartUpdateCard = withDefaultStyles(\r\n  UnStyledSmartUpdateCard,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { ItemCarousel } from '@bingads-webui-campaign-react/smart-component-card';\r\nimport { SmartUpdateCard } from './components/smart-update-card';\r\n\r\nconst getStyles = components => ({\r\n  title: {\r\n    ...components.sectionTitle,\r\n  },\r\n  updatesContainer: {\r\n    ...components.section,\r\n  },\r\n  updatesContainerMargin: {\r\n    marginLeft: '8%',\r\n    marginRight: '8%',\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartUpdateView = ({\r\n  classes,\r\n  i18n,\r\n  updates,\r\n  id,\r\n}) => {\r\n  const { isMobile, responsiveMode } = useClientContext();\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classNames(\r\n        classes.updatesContainer,\r\n        !isMobile && classes.updatesContainerMargin\r\n      )}\r\n    >\r\n      <h2 className={classNames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Updates'))}\r\n      </h2>\r\n      <div>\r\n        <ItemCarousel\r\n          items={updates}\r\n          responsiveSize={responsiveMode}\r\n          i18n={i18n}\r\n          CardComponent={SmartUpdateCard}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartUpdateView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  updates: PropTypes.arrayOf(PropTypes.shape({\r\n    message: PropTypes.string,\r\n    photo: PropTypes.string,\r\n  })).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartUpdateView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartUpdateView,\r\n  getStyles\r\n), 'componentMode');\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { isEmpty } from 'underscore';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { getComponentById } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartUpdateView } from './smart-update-view';\r\n\r\nexport const SmartUpdateConnector = ({ id }) => {\r\n  const i18n = useContext(I18nContext);\r\n\r\n  const { siteConfig } = useSiteConfig();\r\n  const { updates = [] } = getComponentById(siteConfig, id);\r\n\r\n  return useMemo(() => (\r\n    isEmpty(updates)\r\n      ? null\r\n      : <SmartUpdateView\r\n        i18n={i18n}\r\n        id={id}\r\n        updates={updates}\r\n      />\r\n  ), [i18n, id, updates]);\r\n};\r\n\r\nSmartUpdateConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import React, { Fragment, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport { useUploadService } from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nimport { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { useDefaultEditorStyle } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { useIsSmartPageCustomizedUpdateEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { ItemPicker } from '@bingads-webui-campaign-react/smart-component-card';\r\n\r\nimport { SmartUpdateCard } from './smart-update-card';\r\nimport { UPDATE_SOURCE, MaxPostsCount } from './constants';\r\n\r\nconst getStyles = () => ({\r\n  updatesPicker: {\r\n    display: 'block',\r\n    margin: '22px 0',\r\n  },\r\n  connectFacebookDialog: {\r\n    paddingBottom: 32,\r\n    textAlign: 'center',\r\n  },\r\n  connectFacebookMsg: {\r\n    marginTop: 8,\r\n    marginBottom: 16,\r\n  },\r\n  loading: {\r\n    height: '200px',\r\n  },\r\n});\r\n\r\nconst UnStyledSelectUpdateDialog = ({\r\n  i18n,\r\n  classes,\r\n  onAdd,\r\n  onCancel,\r\n  updates,\r\n  preselectedUpdates,\r\n  pendingDeleteUpdateId,\r\n  isFbSupported,\r\n  isFbInitializing,\r\n  gotoSettings,\r\n}) => {\r\n  const isSmartPageCustomizedUpdateEnabled = useIsSmartPageCustomizedUpdateEnabled();\r\n\r\n  const { dialogClassName } = useDefaultEditorStyle();\r\n  const defaultState = {};\r\n\r\n  _.each(preselectedUpdates, (update) => {\r\n    defaultState[update] = true;\r\n  });\r\n\r\n  const [selectedUpdateIds, setSelectedUpdateIds] = useState(defaultState);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  const { bulkUploadImagesByUrlsAsync } = useUploadService();\r\n\r\n  const onSelectChange = ({ id, isChecked }) => {\r\n    setSelectedUpdateIds(prevState => (\r\n      isChecked ? {\r\n        ...prevState,\r\n        [id]: isChecked,\r\n      } : _.omit(prevState, id)));\r\n  };\r\n\r\n  const onAddClicked = () => {\r\n    const selectedUpdates = _.filter(updates, update => !!selectedUpdateIds[update.id]);\r\n\r\n    const photosToUpload = _.compact(_.map(\r\n      selectedUpdates,\r\n      update => update.photo && !update.fbPhotoSrc && update.photo\r\n    ));\r\n\r\n    bulkUploadImagesByUrlsAsync(photosToUpload)\r\n      .finally((() => {\r\n        setIsLoading(true);\r\n        return () => {\r\n          setIsLoading(false);\r\n        };\r\n      })())\r\n      .then((result) => {\r\n        const imageResult = result;\r\n        let transformedUpdates = [];\r\n        if (_.isArray(result)) {\r\n          let imageIndex = 0;\r\n          transformedUpdates = _.map(selectedUpdates, (selectedUpdate) => {\r\n            const newUpdate = { ...selectedUpdate };\r\n            if (newUpdate.photo && imageIndex < imageResult.length) {\r\n              const { IdString, ImageUrl } = imageResult[imageIndex];\r\n              newUpdate.fbPhotoSrc = newUpdate.photo;\r\n              newUpdate.imageId = IdString;\r\n              newUpdate.photo = ImageUrl;\r\n              newUpdate.source = UPDATE_SOURCE.FACEBOOK;\r\n              imageIndex += 1;\r\n            }\r\n            return newUpdate;\r\n          });\r\n        }\r\n\r\n        onAdd({ newSelections: transformedUpdates, imagesToAdd: imageResult });\r\n      });\r\n  };\r\n\r\n  const dialogContentProps = {\r\n    className: dialogClassName,\r\n    type: DialogType.close,\r\n    title: i18n.getString(_TL_('Select posts')),\r\n    subText: isFbSupported && (\r\n      isSmartPageCustomizedUpdateEnabled ?\r\n        i18n.getString(_TL_('Add or edit your Facebook updates. You can have up to 10 posts total on your smart page.')) :\r\n        i18n.getString(_TL_('Add and edit your selection of your Facebook posts. You can select up to 10.'))\r\n    ),\r\n    closeButtonAriaLabel: i18n.getString(_TL_('Close')),\r\n  };\r\n  const items = _.filter(updates, update => (\r\n    (_.indexOf(preselectedUpdates, update.id) === -1) && (update.id !== pendingDeleteUpdateId)\r\n  ));\r\n\r\n  _.map(items, (item) => {\r\n    _.extend(item, {\r\n      selected: !!selectedUpdateIds[item.id],\r\n      selectable: _.size(selectedUpdateIds) < MaxPostsCount ?\r\n        true : !!selectedUpdateIds[item.id],\r\n    });\r\n  });\r\n\r\n  const isAddBtnDisabled = () => {\r\n    const checkedItems = [];\r\n    _.map(_.keys(selectedUpdateIds), (id) => {\r\n      if (selectedUpdateIds[id] && _.indexOf(preselectedUpdates, id) === -1) {\r\n        checkedItems.push(id);\r\n      }\r\n    });\r\n    return _.isEmpty(checkedItems);\r\n  };\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onCancel}\r\n      dialogContentProps={dialogContentProps}\r\n      minWidth={613}\r\n      modalProps={{ isBlocking: true }}\r\n    >\r\n      {\r\n        (!isFbSupported && !isFbInitializing) ?\r\n          <div className={classes.connectFacebookDialog}>\r\n            <MessageBar isMultiline className={classes.connectFacebookMsg}>\r\n              {i18n.getString(_TL_('Before you can import posts from your Facebook Business Page, you must connect to Facebook.'))}\r\n            </MessageBar>\r\n            <PrimaryButton\r\n              onClick={gotoSettings}\r\n              text={i18n.getString(_TL_('Connect to Facebook'))}\r\n            />\r\n          </div>\r\n          :\r\n          <div>\r\n            {\r\n              isFbInitializing ?\r\n                <Loading className={classes.loading} />\r\n                :\r\n                <Fragment>\r\n                  <UiBlocker\r\n                    blocking={isLoading}\r\n                    loadingText={i18n.getString(_TL_('Adding'))}\r\n                  >\r\n                    <ItemPicker\r\n                      className={classes.updatesPicker}\r\n                      i18n={i18n}\r\n                      ItemComponent={SmartUpdateCard}\r\n                      onSelectChange={onSelectChange}\r\n                      items={items}\r\n                      selectable\r\n                      limit={MaxPostsCount}\r\n                      selectedIds={selectedUpdateIds}\r\n                      noDataLabel={_TL_('There are no Facebook posts to import from the last 90 days.')}\r\n                    />\r\n\r\n                    <DialogFooter>\r\n                      <DefaultButton onClick={onCancel} text={i18n.getString(_TL_('Cancel'))} />\r\n                      <PrimaryButton disabled={isAddBtnDisabled()} onClick={onAddClicked} text={i18n.getString(_TL_('Add'))} />\r\n                    </DialogFooter>\r\n                  </UiBlocker>\r\n                </Fragment>\r\n            }\r\n          </div>\r\n      }\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnStyledSelectUpdateDialog.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    updatesPicker: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  onAdd: PropTypes.func.isRequired,\r\n  onCancel: PropTypes.func.isRequired,\r\n  updates: PropTypes.arrayOf(PropTypes.shape({\r\n    message: PropTypes.string,\r\n    photo: PropTypes.string,\r\n    id: PropTypes.string,\r\n  })).isRequired,\r\n  preselectedUpdates: PropTypes.arrayOf(PropTypes.string).isRequired,\r\n  pendingDeleteUpdateId: PropTypes.string.isRequired,\r\n  isFbInitializing: PropTypes.bool.isRequired,\r\n  isFbSupported: PropTypes.bool.isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SelectUpdateDialog = withDefaultStyles(\r\n  UnStyledSelectUpdateDialog,\r\n  getStyles\r\n);\r\n","import { UPDATE_SOURCE } from './constants';\r\n\r\nexport function generateUpdate({\r\n  current,\r\n  time,\r\n  cardId,\r\n  cardMessage,\r\n  cardPhotoUrl,\r\n  cardImageId,\r\n  cardExternalSrc,\r\n}) {\r\n  if (current) {\r\n    if (current.photo === cardPhotoUrl) {\r\n      return {\r\n        ...current,\r\n        source: UPDATE_SOURCE.SMARTPAGE,\r\n        updatedTime: time,\r\n        message: cardMessage,\r\n      };\r\n    }\r\n\r\n    return {\r\n      ...current,\r\n      source: UPDATE_SOURCE.SMARTPAGE,\r\n      updatedTime: time,\r\n      message: cardMessage,\r\n      photo: cardPhotoUrl,\r\n      imageId: cardImageId,\r\n      externalSrc: cardExternalSrc,\r\n    };\r\n  }\r\n\r\n  return {\r\n    id: cardId,\r\n    source: UPDATE_SOURCE.SMARTPAGE,\r\n    createdTime: time,\r\n    message: cardMessage,\r\n    photo: cardPhotoUrl,\r\n    imageId: cardImageId,\r\n    externalSrc: cardExternalSrc,\r\n  };\r\n}\r\n\r\nexport function mapUpdateToCard(update) {\r\n  return {\r\n    message: update.message,\r\n    photo: update.photo,\r\n    imageId: update.imageId,\r\n    time: update.createdTime,\r\n  };\r\n}\r\n","import React, { useContext, useState, useEffect, useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { isEmpty, map, filter, uniq, sortBy, union, findIndex } from 'underscore';\r\nimport { CommandBarButton } from '@fluentui/react/lib/Button';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { useConfirmDialog } from '@bingads-webui-campaign-react/common-hooks';\r\n\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getComponentById,\r\n  useFloatingBannerMessage,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  DataServiceContext,\r\n  useEditorStatusContext,\r\n  useSiteConfig,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useInstrumentationServiceContext,\r\n  useIsSmartPageCustomizedUpdateEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  facebookPageInfoFilter,\r\n  importFromFacebook,\r\n  hasFBOAuthError,\r\n} from '@bingads-webui-campaign-react/smart-page-facebook-import-dialog';\r\nimport { ItemPicker, CardDialog } from '@bingads-webui-campaign-react/smart-component-card';\r\n\r\nimport { SelectUpdateDialog } from './components/select-update-dialog';\r\nimport { SmartUpdateCard } from './components/smart-update-card';\r\nimport { generateUpdate, mapUpdateToCard } from './components/update-helper';\r\nimport { useDataState } from './components/use-data-state';\r\nimport { UPDATE_SOURCE, MaxPostsCount, softLimit, hardLimit } from './components/constants';\r\n\r\nconst editableConditionCheck = item => item.source === UPDATE_SOURCE.SMARTPAGE;\r\n\r\nconst getStyles = () => ({\r\n  updatesEditorContainer: {\r\n  },\r\n  updatesListLabel: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    marginBottom: 16,\r\n    margin: '0px 38px 16px 20px',\r\n  },\r\n  addBtn: {\r\n    marginLeft: 'auto',\r\n    backgroundColor: 'transparent',\r\n    '&:enabled': {\r\n      color: '#0063B1',\r\n    },\r\n  },\r\n  noData: {\r\n    background: '#F3F2F0',\r\n    padding: '24px 22px',\r\n  },\r\n  commonIcon: {\r\n    color: '#0078D4',\r\n    fontSize: '16px',\r\n    lineHeight: '16px',\r\n    margin: '0px 4px',\r\n    fontFamily: 'MsAds MDL2 Assets',\r\n    fontStyle: 'normal',\r\n  },\r\n  fbIcon: {\r\n    '&:before': {\r\n      content: '\"\\\\ECB3\"',\r\n    },\r\n  },\r\n  editCreateIcon: {\r\n    '&:before': {\r\n      content: '\"\\\\F3C9\"',\r\n    },\r\n  },\r\n  confirmDeleteOldestPostDialog: {\r\n    '& .ms-Dialog-main': {\r\n      minWidth: 600,\r\n    },\r\n    '& .ms-Dialog-action': {\r\n      float: 'none',\r\n    },\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartUpdateEditor = ({\r\n  i18n,\r\n  componentId,\r\n  classes,\r\n  gotoSettings,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    sectionTitleClassName,\r\n    infoMessageBarClassName,\r\n  } = useDefaultEditorStyle();\r\n\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const { smartPageService, hostSystemScenario } = useContext(DataServiceContext);\r\n  const [startFetchFbUpdates, setStartFetchFbUpdates] = useState(false);\r\n  const [isFbSupported, setIsFbSupported] = useState(false);\r\n  const [isFbInitializing, setIsFbInitializing] = useState(true);\r\n  const [allFbUpdates, setAllFbUpdates] = useState([]);\r\n  const [targetUpdate, setTargetUpdate] = useState(undefined);\r\n  const [showFbImportDialog, setShowFbImportDialog] = useState(false);\r\n  const [showCreateUpdateDialog, setShowCreateUpdateDialog] = useState(false);\r\n  const [pendingDeleteUpdateId, setPendingDeleteUpdateId] = useState('');\r\n  const [currentPostType, setCurrentPostType] = useState(UPDATE_SOURCE.FACEBOOK);\r\n  const componentConfig = getComponentById(siteConfig, componentId) || {};\r\n  const [selectedUpdates, setSelectedUpdates] = useState(componentConfig.updates || []);\r\n  const { noDataMsgKey, noData } = useDataState(allFbUpdates, selectedUpdates);\r\n  const { showWarning } = useFloatingBannerMessage(dispatchEditorStatus);\r\n  const logger = useInstrumentationServiceContext();\r\n  const isSmartPageCustomizedUpdateEnabled = useIsSmartPageCustomizedUpdateEnabled();\r\n\r\n  const onSaveChange = useCallback(({ newSelectedUpdates, imagesToAdd, imageIdsToRemove }) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: {\r\n        ...componentConfig,\r\n        updates: newSelectedUpdates,\r\n      },\r\n    });\r\n\r\n    const updateImagesPayload = {};\r\n\r\n    if (!isEmpty(imagesToAdd)) {\r\n      updateImagesPayload.imagesToAdd = imagesToAdd;\r\n    }\r\n\r\n    if (!isEmpty(imageIdsToRemove)) {\r\n      updateImagesPayload.imageIdsToRemove = imageIdsToRemove;\r\n    }\r\n\r\n    if (!isEmpty(updateImagesPayload)) {\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_IMAGES',\r\n        payload: updateImagesPayload,\r\n      });\r\n    }\r\n\r\n    setSelectedUpdates(newSelectedUpdates);\r\n    setShowFbImportDialog(false);\r\n    setShowCreateUpdateDialog(false);\r\n    setTargetUpdate(undefined);\r\n  }, [componentConfig, dispatchSiteConfig]);\r\n\r\n  const onEdit = useCallback((index) => {\r\n    if (index >= 0 && index < selectedUpdates.length) {\r\n      setTargetUpdate(selectedUpdates[index]);\r\n      setShowCreateUpdateDialog(true);\r\n    }\r\n  }, [selectedUpdates]);\r\n\r\n  const onDelete = useCallback((index) => {\r\n    if (index >= selectedUpdates.length) {\r\n      return;\r\n    }\r\n    setSelectedUpdates((selectedUpdateState) => {\r\n      const [deletedUpdate] = selectedUpdateState.splice(index, 1);\r\n\r\n      if (deletedUpdate && deletedUpdate.imageId) {\r\n        dispatchSiteConfig({\r\n          type: 'UPDATE_IMAGES',\r\n          payload: {\r\n            imageIdsToRemove: [deletedUpdate.imageId],\r\n          },\r\n        });\r\n      }\r\n\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_COMPONENT_BY_ID',\r\n        payload: {\r\n          ...componentConfig,\r\n          updates: [...selectedUpdateState],\r\n        },\r\n      });\r\n\r\n      const newState = [...selectedUpdateState];\r\n\r\n      return newState;\r\n    });\r\n  }, [selectedUpdates, componentConfig, dispatchSiteConfig]);\r\n\r\n  const onSaveUpdateChange =\r\n    useCallback(({ newSelections, imagesToAdd, imageIdsToRemove }) => {\r\n      const allSelectedUpdates = uniq(\r\n        sortBy(\r\n          union(selectedUpdates || [], newSelections),\r\n          update => new Date(update.createdTime).getTime() || 0\r\n        ).reverse(),\r\n        update => update.id\r\n      );\r\n\r\n      const deleteUpdateIndex =\r\n        findIndex(allSelectedUpdates, update => update.id === pendingDeleteUpdateId);\r\n\r\n      if (deleteUpdateIndex !== -1) {\r\n        allSelectedUpdates.splice(deleteUpdateIndex, 1);\r\n        setPendingDeleteUpdateId('');\r\n      }\r\n\r\n      onSaveChange({ newSelectedUpdates: allSelectedUpdates, imagesToAdd, imageIdsToRemove });\r\n    }, [onSaveChange, selectedUpdates, pendingDeleteUpdateId]);\r\n\r\n  const onConfirmDeleteOldestPost = useCallback(() => {\r\n    const deleteIndex = selectedUpdates.length - 1;\r\n\r\n    if (deleteIndex > -1) {\r\n      setPendingDeleteUpdateId(selectedUpdates[deleteIndex].id);\r\n    }\r\n\r\n    if (currentPostType === UPDATE_SOURCE.FACEBOOK) {\r\n      setStartFetchFbUpdates(true);\r\n      setShowFbImportDialog(true);\r\n    } else {\r\n      setShowCreateUpdateDialog(true);\r\n    }\r\n  }, [selectedUpdates, currentPostType]);\r\n\r\n  const [\r\n    confirmDeleteOldestPostDialog,\r\n    showConfirmDeleteOldestPostDialog,\r\n    isConfirmDeleteOldestPostDialogVisible,\r\n  ] = useConfirmDialog({\r\n    title: i18n.getString(_TL_('You\\'ve exceeded the maximum number of posts {{max}}.'), { max: MaxPostsCount }),\r\n    content: i18n.getString(_TL_('Before you can create a new post, you\\'ll need to delete an old one. What would you like to do?')),\r\n    confirmText: i18n.getString(_TL_('Delete oldest post')),\r\n    onConfirm: onConfirmDeleteOldestPost,\r\n    cancelText: i18n.getString(_TL_('Cancel and choose which post to delete')),\r\n    className: classnames(classes.confirmDeleteOldestPostDialog, 'smart-page-delete-oldest-post-confirm-dialog'),\r\n    modalProps: { isBlocking: true },\r\n  });\r\n\r\n  const openFbImportDialog = useCallback(() => {\r\n    if (selectedUpdates.length < MaxPostsCount) {\r\n      setStartFetchFbUpdates(true);\r\n      setShowFbImportDialog(true);\r\n    } else {\r\n      setCurrentPostType(UPDATE_SOURCE.FACEBOOK);\r\n      showConfirmDeleteOldestPostDialog();\r\n    }\r\n  }, [showConfirmDeleteOldestPostDialog, selectedUpdates]);\r\n\r\n  const closeFbImportDialog = useCallback(() => {\r\n    setPendingDeleteUpdateId('');\r\n    setShowFbImportDialog(false);\r\n  }, []);\r\n\r\n  const openCreateUpdateDialog = useCallback(() => {\r\n    if (selectedUpdates.length < MaxPostsCount) {\r\n      setShowCreateUpdateDialog(true);\r\n    } else {\r\n      setCurrentPostType(UPDATE_SOURCE.SMARTPAGE);\r\n      showConfirmDeleteOldestPostDialog();\r\n    }\r\n  }, [showConfirmDeleteOldestPostDialog, selectedUpdates]);\r\n\r\n  const closeCreateUpdateDialog = useCallback(() => {\r\n    setShowCreateUpdateDialog(false);\r\n    setTargetUpdate(undefined);\r\n    setPendingDeleteUpdateId('');\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!isSmartPageCustomizedUpdateEnabled || startFetchFbUpdates) {\r\n      importFromFacebook(\r\n        siteConfig,\r\n        smartPageService,\r\n        facebookPageInfoFilter.posts,\r\n        hostSystemScenario\r\n      )\r\n        .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus))\r\n        .then(({ posts }) => {\r\n          setAllFbUpdates(map(posts, post => ({\r\n            message: post.Message,\r\n            photo: post.FullPicture,\r\n            id: post.Id,\r\n            createdTime: post.CreatedTime,\r\n          })));\r\n          setIsFbSupported(true);\r\n        })\r\n        .catch((err) => {\r\n          if (err) {\r\n            if (hasFBOAuthError(err)) {\r\n              logger.logTrace('Encounter Facebook OAuth error while importing FB posts');\r\n              showWarning(i18n.getString(_TL_('We could not access your Facebook profile, please reconnect it in Settings.')));\r\n              setIsFbSupported(false);\r\n            } else if (err.message !== 'NO_FB_AUTH') {\r\n              setIsFbSupported(true);\r\n              logger.logError(`Import posts from facebook failed. error: ${err}, error string: ${JSON.stringify(err)}`);\r\n              showWarning(i18n.getString(_TL_('We were not able to find posts from this Facebook page. Please try again or reimport your Facebook Page.')));\r\n            }\r\n          }\r\n        })\r\n        .finally(() => setIsFbInitializing(false));\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [startFetchFbUpdates, isSmartPageCustomizedUpdateEnabled]);\r\n\r\n  const menuProps = useMemo(() => (isSmartPageCustomizedUpdateEnabled ?\r\n    ({\r\n      items: [\r\n        {\r\n          key: 'fbImport',\r\n          text: i18n.getString(_TL_('Import from Facebook')),\r\n          iconProps: {\r\n            className: classnames(classes.commonIcon, classes.fbIcon),\r\n          },\r\n          'data-automation-id': 'fb-import-option', // optional\r\n          onClick: openFbImportDialog,\r\n        },\r\n        {\r\n          key: 'createMyOwn',\r\n          text: i18n.getString(_TL_('Create my own')),\r\n          iconProps: {\r\n            className: classnames(classes.commonIcon, classes.editCreateIcon),\r\n          },\r\n          'data-automation-id': 'create-my-own-option', // optional\r\n          onClick: openCreateUpdateDialog,\r\n        },\r\n      ],\r\n    }) : undefined), [\r\n    i18n,\r\n    isSmartPageCustomizedUpdateEnabled,\r\n    openCreateUpdateDialog,\r\n    openFbImportDialog,\r\n    classes,\r\n  ]);\r\n\r\n  const updateEditorTexts = useMemo(() => {\r\n    if (isSmartPageCustomizedUpdateEnabled) {\r\n      return {\r\n        titleText: i18n.getString(_TL_('Social posts')),\r\n        descriptionText: i18n.getString(_TL_('Tell customers what\\'s going on with your business. Create new posts or import them directly from your Facebook Business Page to your Smart Page. You may publish a maximum of {{max}} updates on your Smart Page.'), { max: MaxPostsCount }),\r\n        addBtnText: i18n.getString(_TL_('Add posts')),\r\n        updateListText: i18n.getString(_TL_('Your posts')),\r\n      };\r\n    }\r\n\r\n    return {\r\n      titleText: i18n.getString(_TL_('Social posts')),\r\n      descriptionText: i18n.getString(_TL_('Select up to {{max}} posts from your Facebook page.'), { max: MaxPostsCount }),\r\n      addBtnText: i18n.getString(_TL_('Add posts')),\r\n      updateListText: i18n.getString(_TL_('Posts from the last 90 days')),\r\n    };\r\n  }, [isSmartPageCustomizedUpdateEnabled, i18n]);\r\n\r\n  const cardDialogTexts = {\r\n    maximumCharacterErrorText: _TL_('Your post is currently {{length}} characters. How customers view your Smart Page may result in any post longer than 200 characters being cut off. For this reason, we recommend shortening your post to under {{softLimit}} characters.'),\r\n    creationTitleText: i18n.getString(_TL_('Create your own post')),\r\n    editTitleText: i18n.getString(_TL_('Edit your own post')),\r\n    messageSubtitleText: i18n.getString(_TL_('What do you want your customers to know?')),\r\n    imageSubtitleText: i18n.getString(_TL_('Add image to your post')),\r\n    primaryButtonText: i18n.getString(_TL_('Add post')),\r\n  };\r\n\r\n  return (\r\n    <div className={classes.updatesEditorContainer}>\r\n      <h2 className={titleClassName}>\r\n        {updateEditorTexts.titleText}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {updateEditorTexts.descriptionText}\r\n      </div>\r\n      <div className=\"updates-list\">\r\n        <div className={classes.updatesListLabel}>\r\n          <span className={sectionTitleClassName}>{updateEditorTexts.updateListText}</span>\r\n          <CommandBarButton\r\n            iconProps={{ iconName: 'Add' }}\r\n            text={updateEditorTexts.addBtnText}\r\n            onClick={openFbImportDialog}\r\n            className={classes.addBtn}\r\n            disabled={isSmartPageCustomizedUpdateEnabled ?\r\n              false : (noData || (selectedUpdates && selectedUpdates.length === MaxPostsCount))}\r\n            menuProps={menuProps}\r\n          />\r\n        </div>\r\n        {\r\n          noDataMsgKey ?\r\n            <MessageBar className={classnames(infoMessageBarClassName, classes.noData, 'smart-page-update-no-data')} isMultiline>\r\n              {\r\n                isSmartPageCustomizedUpdateEnabled ?\r\n                  i18n.getString(_TL_('You haven\\'t imported any Facebook posts. Select \"Add posts\" to import or create your own post.')) :\r\n                  i18n.getString(noDataMsgKey)\r\n              }\r\n            </MessageBar> :\r\n            <ItemPicker\r\n              items={selectedUpdates}\r\n              i18n={i18n}\r\n              ItemComponent={SmartUpdateCard}\r\n              onEdit={onEdit}\r\n              onDelete={onDelete}\r\n              editButtonLabel={i18n.getString(_TL_('Edit post'))}\r\n              getDeleteButtonAriaLabel={\r\n                index => i18n.getString(_TL_('Delete post {{number}}'), { number: index })\r\n              }\r\n              getEditButtonAriaLabel={\r\n                index => i18n.getString(_TL_('Edit post {{number}}'), { number: index })\r\n              }\r\n              editable={isSmartPageCustomizedUpdateEnabled}\r\n              editableConditionCheck={editableConditionCheck}\r\n            />\r\n        }\r\n      </div>\r\n      {isConfirmDeleteOldestPostDialogVisible && confirmDeleteOldestPostDialog}\r\n      {\r\n        showFbImportDialog &&\r\n        <SelectUpdateDialog\r\n          i18n={i18n}\r\n          onAdd={onSaveUpdateChange}\r\n          onCancel={closeFbImportDialog}\r\n          isFbSupported={isFbSupported}\r\n          isFbInitializing={isFbInitializing}\r\n          gotoSettings={gotoSettings}\r\n          updates={allFbUpdates}\r\n          // The last update id (pendingDeleteUpdateId) will be filtered out from the select list,\r\n          // and will be removed from the selected list when saving.\r\n          preselectedUpdates={map(\r\n            filter(selectedUpdates || [], update => update.id !== pendingDeleteUpdateId),\r\n            update => update.id\r\n          )}\r\n          pendingDeleteUpdateId={pendingDeleteUpdateId}\r\n        />\r\n      }\r\n      {\r\n        showCreateUpdateDialog && isSmartPageCustomizedUpdateEnabled &&\r\n        <CardDialog\r\n          ItemComponent={SmartUpdateCard}\r\n          targetItem={targetUpdate}\r\n          generateItemProperty={generateUpdate}\r\n          mapItemToCard={mapUpdateToCard}\r\n          characterSoftLimit={softLimit}\r\n          characterHardLimit={hardLimit}\r\n          labelTexts={cardDialogTexts}\r\n          i18n={i18n}\r\n          onAdd={onSaveUpdateChange}\r\n          onCancel={closeCreateUpdateDialog}\r\n          gotoSettings={gotoSettings}\r\n          cardType=\"update\"\r\n          supportImageInput\r\n          supportAuthorInput={false}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartUpdateEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({\r\n    updatesListLabel: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SmartUpdateEditor = withDefaultStyles(\r\n  UnStyledSmartUpdateEditor,\r\n  getStyles\r\n);\r\n","import { isEmpty } from 'underscore';\r\n\r\n\r\nexport const useDataState = (allData, selectedData) => {\r\n  let noDataMsgKey = null;\r\n  const noData = isEmpty(allData);\r\n  const noSelected = isEmpty(selectedData);\r\n\r\n  if (noData && noSelected) {\r\n    noDataMsgKey = _TL_('There are no Facebook posts to import from the last 90 days. To add posts to your website, post on your Facebook page first.');\r\n  } else if (noSelected) {\r\n    noDataMsgKey = _TL_('No posts selected to import from Facebook.');\r\n  }\r\n\r\n  return {\r\n    noDataMsgKey,\r\n    noData,\r\n  };\r\n};\r\n","import React, { useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { noop } from 'underscore';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { FontIcon } from '@fluentui/react/lib/Icon';\r\n\r\nconst getStyles = (_, { palette = {} }) => {\r\n  const selectedIconStyle = {\r\n    position: 'absolute',\r\n    top: 8,\r\n    right: 8,\r\n    backgroundColor: palette.accent,\r\n    width: 18,\r\n    height: 18,\r\n    color: 'white',\r\n    lineHeight: '18px',\r\n    textAlign: 'center',\r\n    borderRadius: '50%',\r\n  };\r\n\r\n  return {\r\n    item: {\r\n      position: 'relative',\r\n      backgroundColor: '#F3F2F1',\r\n      border: 'unset',\r\n      borderRadius: '4px',\r\n      boxShadow: '1px 1px 1px 1px rgb(0, 0, 0, 0.12)',\r\n      '&:focus': {\r\n        outline: `2px solid ${palette.accent}`,\r\n      },\r\n    },\r\n    selectedItem: {\r\n      outline: `1px solid ${palette.accent}`,\r\n    },\r\n    selectedIcon: {\r\n      ...selectedIconStyle,\r\n    },\r\n    selectedIconRadio: {\r\n      ...selectedIconStyle,\r\n      backgroundColor: 'white',\r\n      color: palette.accent,\r\n      outline: '0.5px solid',\r\n    },\r\n    displayNone: {\r\n      display: 'none',\r\n    },\r\n    icon: {\r\n      fontSize: 12,\r\n      fontWeight: 'bold',\r\n    },\r\n    radioIcon: {\r\n      fontSize: 30,\r\n      fontWeight: 'bold',\r\n      position: 'absolute',\r\n      left: '-6px',\r\n    },\r\n    selectableItem: {\r\n      cursor: 'pointer',\r\n    },\r\n    disabledItem: {\r\n      filter: 'opacity(0.5)',\r\n    },\r\n  };\r\n};\r\n\r\nexport const UnStyledSelectableItemView = ({\r\n  item,\r\n  classes,\r\n  selectable,\r\n  disabled,\r\n  selected,\r\n  onChange,\r\n  className,\r\n  unSelectedClassName,\r\n  width,\r\n  height,\r\n  onRenderItem,\r\n  ariaLabel,\r\n  isMultiple,\r\n}) => {\r\n  const onClick = useCallback(() => {\r\n    if (selectable) {\r\n      if (isMultiple || !selected) {\r\n        onChange(item);\r\n      }\r\n    }\r\n  }, [selectable, isMultiple, selected, onChange, item]);\r\n\r\n  const selectableProps = useMemo(() => (\r\n    selectable ? {\r\n      onClick,\r\n      'aria-pressed': selected,\r\n      'aria-label': ariaLabel,\r\n      disabled,\r\n    } : {}\r\n  ), [ariaLabel, onClick, selectable, selected, disabled]);\r\n\r\n  const ItemRenderer = selectable ? 'button' : 'div';\r\n\r\n  return (\r\n    <ItemRenderer\r\n      className={classnames(\r\n        className,\r\n        classes.item,\r\n        !selected && unSelectedClassName,\r\n        selected && classnames(classes.selectedItem, 'selected-item'),\r\n        selectable && !disabled && classnames(classes.selectableItem, 'selectable-item'),\r\n        selectable && disabled && classnames(classes.disabledItem, 'disabled-item'),\r\n        'selectable-item-base'\r\n      )}\r\n      style={{ width, height }}\r\n      {...selectableProps}\r\n    >\r\n      {onRenderItem(item)}\r\n      {\r\n        selectable &&\r\n        <div className={classnames(\r\n          (isMultiple ? classes.selectedIcon : classes.selectedIconRadio),\r\n          !selected && classes.displayNone\r\n        )}\r\n        >\r\n          {\r\n            isMultiple\r\n              ? <FontIcon aria-label=\"Accept\" iconName=\"Accept\" className={classes.icon} />\r\n              : <FontIcon aria-label=\"RadioBullet\" iconName=\"RadioBullet\" className={classes.radioIcon} />\r\n          }\r\n        </div>\r\n      }\r\n    </ItemRenderer>\r\n  );\r\n};\r\n\r\nUnStyledSelectableItemView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    item: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  item: PropTypes.objectOf(PropTypes.any).isRequired,\r\n  className: PropTypes.string,\r\n  unSelectedClassName: PropTypes.string,\r\n  width: PropTypes.number,\r\n  height: PropTypes.number,\r\n  onRenderItem: PropTypes.func.isRequired,\r\n  onChange: PropTypes.func,\r\n  selectable: PropTypes.bool,\r\n  disabled: PropTypes.bool,\r\n  selected: PropTypes.bool,\r\n  ariaLabel: PropTypes.string,\r\n  isMultiple: PropTypes.bool,\r\n};\r\n\r\nUnStyledSelectableItemView.defaultProps = {\r\n  selectable: false,\r\n  selected: false,\r\n  onChange: noop,\r\n  width: undefined,\r\n  height: undefined,\r\n  className: undefined,\r\n  unSelectedClassName: undefined,\r\n  ariaLabel: null,\r\n  isMultiple: true,\r\n  disabled: false,\r\n};\r\n\r\nexport const SelectableItemView = withDefaultStyles(\r\n  UnStyledSelectableItemView,\r\n  getStyles\r\n);\r\n","import _ from 'underscore';\r\nimport React, { useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { IconButton } from '@fluentui/react/lib/Button';\r\nimport { Dropdown } from '@fluentui/react/lib/Dropdown';\r\nimport { curlyTemplate } from '@bingads-webui-universal/primitive-utilities';\r\n\r\nconst getStyles = () => {\r\n  const pagerIcon = {\r\n    display: 'flex',\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    background: '#FFFFFF',\r\n    padding: '27px 0',\r\n  };\r\n\r\n  const pageNavigationButton = {\r\n    background: 'transparent',\r\n  };\r\n\r\n  const pageNumber = {\r\n    fontStyle: 'normal',\r\n    fontWeight: 'normal',\r\n    fontSize: '12px',\r\n    lineHeight: '32px',\r\n    color: '#323130',\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n  };\r\n\r\n  const totalPageNumber = {\r\n    marginLeft: 8,\r\n  };\r\n\r\n  return {\r\n    pagerIcon,\r\n    pageNavigationButton,\r\n    pageNumber,\r\n    totalPageNumber,\r\n  };\r\n};\r\n\r\nconst PageNavigationFooterUnstyled = (props) => {\r\n  const {\r\n    pageIndex,\r\n    totalPageNumber,\r\n    onNextPageClick,\r\n    onPreviousPageClick,\r\n    onRandomPageSelect,\r\n    classes,\r\n    i18n,\r\n  } = props;\r\n\r\n  const nextPageHandler = useCallback(() => {\r\n    if (onNextPageClick) {\r\n      onNextPageClick();\r\n    }\r\n  }, [onNextPageClick]);\r\n\r\n  const previousPageHandler = useCallback(() => {\r\n    if (onPreviousPageClick) {\r\n      onPreviousPageClick();\r\n    }\r\n  }, [onPreviousPageClick]);\r\n\r\n  const randomPagingHandler = useCallback((evt, item) => {\r\n    if (onRandomPageSelect) {\r\n      onRandomPageSelect(item.key - 1);\r\n    }\r\n  }, [onRandomPageSelect]);\r\n\r\n  const firstPageHandler = useCallback(() => {\r\n    if (onRandomPageSelect) {\r\n      onRandomPageSelect(0);\r\n    }\r\n  }, [onRandomPageSelect]);\r\n\r\n  const lastPageHandler = useCallback(() => {\r\n    if (onRandomPageSelect) {\r\n      onRandomPageSelect(totalPageNumber - 1);\r\n    }\r\n  }, [onRandomPageSelect, totalPageNumber]);\r\n\r\n  const pageIndexContent = useMemo(() => (\r\n    curlyTemplate('of {{totalPageNumber}}')({ totalPageNumber })\r\n  ), [totalPageNumber]);\r\n\r\n  const dropdownOptions = useMemo(() => {\r\n    const options = [];\r\n\r\n    for (let index = 1; index <= totalPageNumber; index += 1) {\r\n      options.push({ key: index, text: index });\r\n    }\r\n\r\n    return options;\r\n  }, [totalPageNumber]);\r\n\r\n  return (\r\n    <nav\r\n      className={classNames(classes.pagerIcon, 'pager-navigation')}\r\n      aria-label={i18n.getString(_TL_('Pagination'))}\r\n    >\r\n      <IconButton\r\n        className={classNames(classes.pageNavigationButton, 'first-page')}\r\n        iconProps={{ iconName: 'DoubleChevronLeft' }}\r\n        onClick={firstPageHandler}\r\n        disabled={pageIndex === 0}\r\n        ariaLabel={i18n.getString(_TL_('Go to first page'))}\r\n      />\r\n      <IconButton\r\n        className={classNames(classes.pageNavigationButton, 'previous-page')}\r\n        iconProps={{ iconName: 'ChevronLeft' }}\r\n        onClick={previousPageHandler}\r\n        disabled={pageIndex === 0}\r\n        ariaLabel={i18n.getString(_TL_('Previous page'))}\r\n      />\r\n      <span className={classNames(classes.pageNumber, 'page-number')}>\r\n        <Dropdown\r\n          className={classes.dropdown}\r\n          selectedKey={pageIndex + 1}\r\n          onChange={randomPagingHandler}\r\n          options={dropdownOptions}\r\n          styles={{ dropdown: { width: 70 } }}\r\n          ariaLabel={i18n.getString(_TL_('Current page'))}\r\n          disabled={totalPageNumber === 0}\r\n        />\r\n        <span className={classes.totalPageNumber}>{pageIndexContent}</span>\r\n      </span>\r\n      <IconButton\r\n        className={classNames(classes.pageNavigationButton, 'next-page')}\r\n        iconProps={{ iconName: 'ChevronRight' }}\r\n        onClick={nextPageHandler}\r\n        disabled={pageIndex === totalPageNumber - 1 || totalPageNumber === 0}\r\n        ariaLabel={i18n.getString(_TL_('Next page'))}\r\n      />\r\n      <IconButton\r\n        className={classNames(classes.pageNavigationButton, 'last-page')}\r\n        iconProps={{ iconName: 'DoubleChevronRight' }}\r\n        onClick={lastPageHandler}\r\n        disabled={pageIndex === totalPageNumber - 1 || totalPageNumber === 0}\r\n        ariaLabel={i18n.getString(_TL_('Go to last page'))}\r\n      />\r\n    </nav>\r\n  );\r\n};\r\n\r\nPageNavigationFooterUnstyled.propTypes = {\r\n  pageIndex: PropTypes.number.isRequired,\r\n  totalPageNumber: PropTypes.number.isRequired,\r\n  onNextPageClick: PropTypes.func.isRequired,\r\n  onPreviousPageClick: PropTypes.func.isRequired,\r\n  onRandomPageSelect: PropTypes.func.isRequired,\r\n  classes: PropTypes.shape(_.mapObject(\r\n    getStyles(),\r\n    _.constant(PropTypes.string.isRequired)\r\n  )).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n};\r\n\r\nexport const PageNavigationFooter = withDefaultStyles(PageNavigationFooterUnstyled, getStyles);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { TooltipHost, TooltipOverflowMode } from '@fluentui/react/lib/Tooltip';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst getStyles = () => ({\r\n  tooltipHost: {\r\n    display: '-webkit-box',\r\n    WebkitBoxOrient: 'vertical',\r\n    overflow: 'hidden',\r\n    width: '100%',\r\n  },\r\n  // no idea why passing styles to TooltipHost not working, so use this to workaround\r\n  lineClamp4: {\r\n    WebkitLineClamp: 4,\r\n  },\r\n  lineClamp6: {\r\n    WebkitLineClamp: 6,\r\n  },\r\n  lineClamp8: {\r\n    WebkitLineClamp: 8,\r\n  },\r\n});\r\n\r\nexport const UnStyledTooltipWrapper = ({\r\n  classes,\r\n  children,\r\n  content,\r\n  lineClamp,\r\n}) => (\r\n  <TooltipHost\r\n    hostClassName={classnames(classes.tooltipHost, classes[`lineClamp${lineClamp}`])}\r\n    overflowMode={TooltipOverflowMode.Self}\r\n    content={content}\r\n  >\r\n    {children}\r\n  </TooltipHost>\r\n);\r\n\r\nUnStyledTooltipWrapper.propTypes = {\r\n  classes: PropTypes.shape({\r\n    tooltipHost: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.arrayOf(PropTypes.node),\r\n    PropTypes.node,\r\n  ]).isRequired,\r\n  content: PropTypes.string.isRequired,\r\n  lineClamp: PropTypes.number.isRequired,\r\n};\r\n\r\nexport const TooltipWrapper = withDefaultStyles(\r\n  UnStyledTooltipWrapper,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport { objectOf, any, string, number } from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { Spinner, SpinnerSize } from '@fluentui/react';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nconst UnstyledLoading = ({\r\n  classes,\r\n  className,\r\n  label,\r\n  size,\r\n}) => (\r\n  <div className={classNames('smart-page-loading-spinner', classes.loading, className)}>\r\n    <Spinner size={size} label={label} labelPosition=\"right\" />\r\n  </div>\r\n);\r\n\r\nUnstyledLoading.defaultProps = {\r\n  classes: {},\r\n  className: null,\r\n  label: '',\r\n  size: SpinnerSize.large,\r\n};\r\n\r\nUnstyledLoading.propTypes = {\r\n  classes: objectOf(any),\r\n  className: string,\r\n  label: string,\r\n  size: number,\r\n};\r\n\r\nexport const Loading = withDefaultStyles(UnstyledLoading, () => ({\r\n  loading: {\r\n    width: '100%',\r\n    height: '100%',\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    backgroundColor: 'white',\r\n  },\r\n}));\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { isEmpty } from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { submitEvent } from '@bingads-webui-universal/accessibility-helper';\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    '& .selected': {\r\n      backgroundColor: '#0078D4',\r\n      color: 'white',\r\n      border: '1px solid #0078D4',\r\n\r\n      '@media (forced-colors: active)': {\r\n        borderColor: 'highlight',\r\n        forcedColorAdjust: 'none',\r\n        background: 'highlight',\r\n        color: 'black',\r\n      },\r\n    },\r\n  },\r\n  item: {\r\n    display: 'inline-block',\r\n    boxSizing: 'border-box',\r\n    textAlign: 'center',\r\n    width: 80,\r\n    height: 30,\r\n    lineHeight: '28px',\r\n    border: '1px solid #868686',\r\n    borderRadius: 3,\r\n    marginRight: 9,\r\n    marginBottom: 9,\r\n    fontSize: 14,\r\n\r\n    '&:hover': {\r\n      cursor: 'pointer',\r\n    },\r\n  },\r\n});\r\n\r\nconst UstyledRadioButton = ({\r\n  classes,\r\n  emptyLabel,\r\n  options,\r\n  // Do not use below two props at the same\r\n  defaultSelectedItem,\r\n  selectedItem,\r\n  onSelectItem,\r\n  className,\r\n  ariaDescribedBy,\r\n}) => {\r\n  // Maintain internal state and thus support both controlled and uncontrolled component.\r\n  const [\r\n    internalSelectedItem,\r\n    setInternalSelectedItem,\r\n  ] = useState(defaultSelectedItem || selectedItem);\r\n\r\n  const onClickOption = useCallback((option) => {\r\n    setInternalSelectedItem(option);\r\n    onSelectItem(option);\r\n  }, [onSelectItem]);\r\n\r\n  useEffect(() => {\r\n    if (selectedItem && internalSelectedItem.key !== selectedItem.key) {\r\n      setInternalSelectedItem(selectedItem);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [selectedItem]);\r\n\r\n  return (\r\n    <div className={classNames(classes.container, className)}>\r\n      {\r\n        isEmpty(options)\r\n          ? emptyLabel\r\n          : options.map(option => (\r\n            <span\r\n              role=\"button\"\r\n              tabIndex={0}\r\n              key={option.key}\r\n              className={classNames(classes.item, 'radio-button-item', {\r\n                selected: option.key === internalSelectedItem.key,\r\n              })}\r\n              onClick={() => onClickOption(option)}\r\n              onKeyDown={e => submitEvent(onClickOption)(e, option)}\r\n              aria-pressed={option.key === internalSelectedItem.key}\r\n              aria-describedby={ariaDescribedBy}\r\n            >\r\n              {option.text}\r\n            </span>\r\n          ))\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUstyledRadioButton.propTypes = {\r\n  classes: PropTypes.shape({\r\n    container: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  emptyLabel: PropTypes.string,\r\n  options: PropTypes.arrayOf(PropTypes.shape({\r\n    key: PropTypes.string.isRequired,\r\n    text: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  selectedItem: PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  }),\r\n  defaultSelectedItem: PropTypes.shape({\r\n    key: PropTypes.string,\r\n    text: PropTypes.string,\r\n  }),\r\n  onSelectItem: PropTypes.func,\r\n  className: PropTypes.string,\r\n  ariaDescribedBy: PropTypes.string.isRequired,\r\n};\r\n\r\nUstyledRadioButton.defaultProps = {\r\n  selectedItem: {\r\n    key: null,\r\n    text: null,\r\n  },\r\n  emptyLabel: '',\r\n  defaultSelectedItem: null,\r\n  onSelectItem: () => { },\r\n  className: '',\r\n};\r\n\r\nexport const RadioButton = React.memo(withDefaultStyles(\r\n  UstyledRadioButton,\r\n  getStyles\r\n));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const StepHandlerContext = React.createContext([]);\r\nexport const useStepHandlerContext = () => React.useContext(StepHandlerContext);\r\n\r\nexport const StepHandlerContextProvider = (props) => {\r\n  const { children, stepHandlers } = props;\r\n\r\n  return (\r\n    <StepHandlerContext.Provider value={stepHandlers}>\r\n      {children}\r\n    </StepHandlerContext.Provider>\r\n  );\r\n};\r\n\r\nStepHandlerContextProvider.propTypes = {\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.arrayOf(PropTypes.node),\r\n    PropTypes.node,\r\n  ]).isRequired,\r\n  stepHandlers: PropTypes.shape({}).isRequired,\r\n};\r\n","import React from 'react';\r\nimport { string } from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\n\r\nconst baseStyles = {\r\n  borderRadius: 100,\r\n  height: 42,\r\n  minWidth: 115,\r\n  fontSize: 20,\r\n  lineHeight: '24px',\r\n  border: '1px solid black',\r\n\r\n  '&[disabled]': {\r\n    backgroundColor: 'lightgray',\r\n    border: '1px solid lightgray',\r\n    color: 'darkgray',\r\n  },\r\n};\r\n\r\nconst getPrimaryButtonStyles = () => ({\r\n  root: {\r\n    ...baseStyles,\r\n    backgroundColor: 'black',\r\n\r\n    '&:hover': {\r\n      backgroundColor: 'black',\r\n      border: '1px solid black',\r\n    },\r\n  },\r\n});\r\n\r\n// Primary button for runtime page\r\nexport const SmartPrimaryButton = ({\r\n  className,\r\n  ...restProps\r\n}) => {\r\n  const classes = useDefaultStyles(getPrimaryButtonStyles);\r\n  return (\r\n    <PrimaryButton\r\n      className={classNames('primitive-primary-button', classes.root, className)}\r\n      {...restProps}\r\n    />\r\n  );\r\n};\r\n\r\nSmartPrimaryButton.defaultProps = {\r\n  className: '',\r\n};\r\n\r\nSmartPrimaryButton.propTypes = {\r\n  className: string,\r\n};\r\n\r\nconst getDefaultButtonStyles = () => ({\r\n  root: {\r\n    ...baseStyles,\r\n    backgroundColor: 'white',\r\n\r\n    '&:hover': {\r\n      backgroundColor: 'white',\r\n      border: '1px solid black',\r\n    },\r\n  },\r\n});\r\n\r\n// Default button for runtime page\r\nexport const SmartDefaultButton = ({\r\n  className,\r\n  ...restProps\r\n}) => {\r\n  const classes = useDefaultStyles(getDefaultButtonStyles);\r\n  return (\r\n    <DefaultButton\r\n      className={classNames('primitive-primary-button', classes.root, className)}\r\n      {...restProps}\r\n    />\r\n  );\r\n};\r\n\r\nSmartDefaultButton.defaultProps = {\r\n  className: '',\r\n};\r\n\r\nSmartDefaultButton.propTypes = {\r\n  className: string,\r\n};\r\n","export const getStepIndicatorStyle = (_, { palette = {} }) => ({\r\n  stepIndicator: {\r\n    display: 'flex',\r\n    border: 'none',\r\n    flexShrink: 0,\r\n    color: palette.neutralSecondary,\r\n  },\r\n  currentStep: {\r\n    fontWeight: 'bold',\r\n    color: palette.accent,\r\n  },\r\n  stepIndicatorIndex: {\r\n    border: '1px solid',\r\n    borderRadius: '50%',\r\n    width: 20,\r\n    height: 20,\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    marginRight: 8,\r\n  },\r\n  stepIndicatorTitle: {\r\n    marginRight: 32,\r\n  },\r\n});\r\n\r\nexport const getStepProgressBarStyle = () => ({\r\n  stepProgressBar: {\r\n    display: 'flex',\r\n  },\r\n});\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getStepIndicatorStyle, getStepProgressBarStyle } from '../styles/step-progress-bar-styles';\r\n\r\nfunction StepIndicator(props) {\r\n  const {\r\n    index,\r\n    title,\r\n    isCurrentStep,\r\n  } = props;\r\n\r\n  const classes = useDefaultStyles(getStepIndicatorStyle);\r\n\r\n  return (\r\n    <div\r\n      className={classNames(classes.stepIndicator, 'step-indicator', isCurrentStep && classes.currentStep)}\r\n    >\r\n      <span className={classNames(classes.stepIndicatorIndex, 'step-indicator-index')}>\r\n        {index}\r\n      </span>\r\n      <span className={classNames(classes.stepIndicatorTitle, 'step-indicator-title')}>\r\n        {title}\r\n      </span>\r\n    </div>\r\n  );\r\n}\r\n\r\nStepIndicator.propTypes = {\r\n  index: PropTypes.number.isRequired,\r\n  title: PropTypes.string.isRequired,\r\n  isCurrentStep: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport const StepProgressBar = (props) => {\r\n  const {\r\n    steps,\r\n  } = props;\r\n  const classes = useDefaultStyles(getStepProgressBarStyle);\r\n\r\n  return (\r\n    <div className={classNames(classes.stepProgressBar, 'step-progress-bar')}>\r\n      {_.map(steps, (step, index) => (\r\n        <StepIndicator\r\n          index={index + 1}\r\n          key={step.title}\r\n          title={step.title}\r\n          isCurrentStep={step.isCurrentStep}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepProgressBar.propTypes = {\r\n  steps: PropTypes.arrayOf(PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n    isCurrentStep: PropTypes.bool.isRequired,\r\n  })).isRequired,\r\n};\r\n","import { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\n\r\nexport const getStepFooterStyles = (_, { palette = {} }) => ({\r\n  footerContainer: {\r\n    width: '100%',\r\n    display: 'flex',\r\n    clear: 'both',\r\n    borderTop: `1px solid ${palette.neutralLight}`,\r\n    paddingLeft: '32px',\r\n    paddingTop: '15px',\r\n    paddingBottom: '17px',\r\n    background: palette.white,\r\n    [mobileDevice]: {\r\n      flexWrap: 'wrap',\r\n    },\r\n  },\r\n  previousButton: {\r\n    marginRight: '8px',\r\n  },\r\n  // For primary button border none in high contrast mode in edge\r\n  primaryButton: {\r\n    '&:focus::after': {\r\n      '@media screen and (-ms-high-contrast: active)': {\r\n        border: '1px solid white !important',\r\n      },\r\n    },\r\n  },\r\n  cancelButton: {\r\n    marginLeft: '32px',\r\n  },\r\n  skippingLink: {\r\n    marginLeft: '24px',\r\n  },\r\n  errorMessage: {\r\n    color: palette.red,\r\n    marginLeft: '16px',\r\n    marginRight: '230px',\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n    [mobileDevice]: {\r\n      margin: '8px 24px 0px 0px',\r\n    },\r\n  },\r\n});\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport _ from 'underscore';\r\nimport React, { useContext } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { DefaultButton, PrimaryButton, Link } from '@bingads-webui-react/fabric-with-signal';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useIsReadOnlyUser } from '@bingads-webui-campaign-react/mca-core';\r\n\r\nimport { getStepFooterStyles } from '../styles/step-footer-styles';\r\n\r\nexport function StepFooter(props) {\r\n  const {\r\n    previousButtonLabel,\r\n    nextButtonLabel,\r\n    onPreviousClick,\r\n    onNextClick,\r\n    onCancelClick,\r\n    onSkippingLinkClick,\r\n    skippingLinkTitle,\r\n    onRenderLinkContainer,\r\n    errorMessage,\r\n    isNextButtonDisabled,\r\n    disableButtons,\r\n  } = props;\r\n  const classes = useDefaultStyles(getStepFooterStyles);\r\n  const i18n = useContext(I18nContext);\r\n  const isReadOnlyUser = useIsReadOnlyUser();\r\n\r\n  return (\r\n    <div className={classNames('step-footer', classes.footerContainer)}>\r\n      {\r\n        _.isFunction(onPreviousClick) &&\r\n        <DefaultButton\r\n          className={classNames('step-previous-btn', classes.previousButton)}\r\n          onClick={onPreviousClick}\r\n          name=\"BackButtonOnStepFooter\"\r\n          disabled={disableButtons}\r\n        >\r\n          {previousButtonLabel || i18n.getString(_TL_('Back'))}\r\n        </DefaultButton>\r\n      }\r\n\r\n      {\r\n        _.isFunction(onNextClick) &&\r\n        <PrimaryButton\r\n          className={classNames('step-next-btn', classes.primaryButton)}\r\n          onClick={onNextClick}\r\n          disabled={disableButtons || isReadOnlyUser || isNextButtonDisabled}\r\n          name=\"NextButtonOnStepFooter\"\r\n        >\r\n          {nextButtonLabel || i18n.getString(_TL_('Next'))}\r\n        </PrimaryButton>\r\n      }\r\n\r\n      {\r\n        _.isFunction(onCancelClick) &&\r\n        <DefaultButton\r\n          className={classNames('step-cancel-btn', classes.cancelButton)}\r\n          onClick={onCancelClick}\r\n          name=\"CancelButtonOnStepFooter\"\r\n          disabled={disableButtons}\r\n        >\r\n          {i18n.getString(_TL_('Cancel'))}\r\n        </DefaultButton>\r\n      }\r\n\r\n      {\r\n        _.isFunction(onSkippingLinkClick) && !_.isEmpty(skippingLinkTitle) &&\r\n        <Link\r\n          className={classNames(['link-button', 'step-skip-btn', classes.skippingLink])}\r\n          onClick={onSkippingLinkClick}\r\n          disabled={isReadOnlyUser || disableButtons}\r\n          name=\"SkipButtonOnStepFooter\"\r\n        >\r\n          {skippingLinkTitle}\r\n        </Link>\r\n      }\r\n\r\n      {_.isFunction(onRenderLinkContainer) && onRenderLinkContainer()}\r\n\r\n      {errorMessage && <span className={classNames('error-message', classes.errorMessage)}>{errorMessage}</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nStepFooter.propTypes = {\r\n  previousButtonLabel: PropTypes.string,\r\n  nextButtonLabel: PropTypes.string,\r\n  onPreviousClick: PropTypes.func,\r\n  onNextClick: PropTypes.func,\r\n  onCancelClick: PropTypes.func,\r\n  onSkippingLinkClick: PropTypes.func,\r\n  skippingLinkTitle: PropTypes.string,\r\n  onRenderLinkContainer: PropTypes.func,\r\n  errorMessage: PropTypes.string,\r\n  isNextButtonDisabled: PropTypes.bool,\r\n  disableButtons: PropTypes.bool,\r\n};\r\n\r\nStepFooter.defaultProps = {\r\n  previousButtonLabel: null,\r\n  nextButtonLabel: null,\r\n  onPreviousClick: null,\r\n  onNextClick: null,\r\n  onCancelClick: null,\r\n  onSkippingLinkClick: null,\r\n  skippingLinkTitle: null,\r\n  onRenderLinkContainer: null,\r\n  errorMessage: null,\r\n  isNextButtonDisabled: false,\r\n  disableButtons: false,\r\n};\r\n","export const getStepProgressFooterStyles = (_, { palette = {} }) => ({\r\n  footerContainer: {\r\n    width: '100%',\r\n    display: 'flex',\r\n    clear: 'both',\r\n    borderTop: `1px solid ${palette.neutralLight}`,\r\n    background: palette.white,\r\n    justifyContent: 'space-between',\r\n    padding: '15px 24px',\r\n  },\r\n  footerMiddle: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n  },\r\n  previousButton: {\r\n    marginRight: '8px',\r\n  },\r\n  // For primary button border none in high contrast mode in edge\r\n  primaryButton: {\r\n    '&:focus::after': {\r\n      '@media screen and (-ms-high-contrast: active)': {\r\n        border: '1px solid white !important',\r\n      },\r\n    },\r\n  },\r\n  cancelButton: {\r\n    marginLeft: '16px',\r\n  },\r\n});\r\n","import _ from 'underscore';\r\nimport React, { useContext } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { DefaultButton, PrimaryButton } from '@bingads-webui-react/fabric-with-signal';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useIsReadOnlyUser } from '@bingads-webui-campaign-react/mca-core';\r\n\r\nimport { getStepProgressFooterStyles } from '../styles/step-progress-footer-styles';\r\nimport { StepProgressBar } from './step-progress-bar';\r\n\r\nexport function StepProgressFooter(props) {\r\n  const {\r\n    steps,\r\n    previousButtonLabel,\r\n    nextButtonLabel,\r\n    onPreviousClick,\r\n    onNextClick,\r\n    onCancelClick,\r\n    isNextButtonDisabled,\r\n    disableButtons,\r\n  } = props;\r\n  const classes = useDefaultStyles(getStepProgressFooterStyles);\r\n  const i18n = useContext(I18nContext);\r\n  const isReadOnlyUser = useIsReadOnlyUser();\r\n\r\n  return (\r\n    <div className={classNames('step-progress-footer', classes.footerContainer)}>\r\n      <div className={classNames('step-footer-left', classes.footerLeft)}>\r\n        {\r\n          _.isFunction(onPreviousClick) &&\r\n          <DefaultButton\r\n            className={classNames('step-previous-btn', classes.previousButton)}\r\n            onClick={onPreviousClick}\r\n            name=\"BackButtonOnStepProgressFooter\"\r\n            disabled={disableButtons}\r\n          >\r\n            {previousButtonLabel || i18n.getString(_TL_('Back'))}\r\n          </DefaultButton>\r\n        }\r\n        {\r\n          _.isFunction(onNextClick) &&\r\n          <PrimaryButton\r\n            className={classNames('step-next-btn')}\r\n            onClick={onNextClick}\r\n            disabled={disableButtons || isReadOnlyUser || isNextButtonDisabled}\r\n            name=\"NextButtonOnStepProgressFooter\"\r\n          >\r\n            {nextButtonLabel || i18n.getString(_TL_('Next'))}\r\n          </PrimaryButton>\r\n        }\r\n      </div>\r\n\r\n      <div className={classNames('step-footer-middle', classes.footerMiddle)}>\r\n        {\r\n          !_.isEmpty(steps) &&\r\n          <StepProgressBar steps={steps} />\r\n        }\r\n      </div>\r\n\r\n      <div className={classNames('step-footer-right', classes.footerRight)}>\r\n        {\r\n          _.isFunction(onCancelClick) &&\r\n          <DefaultButton\r\n            className={classNames('step-cancel-btn', classes.cancelButton)}\r\n            onClick={onCancelClick}\r\n            name=\"CancelButtonOnStepProgressFooter\"\r\n            disabled={disableButtons}\r\n          >\r\n            {i18n.getString(_TL_('Cancel'))}\r\n          </DefaultButton>\r\n        }\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nStepProgressFooter.propTypes = {\r\n  steps: PropTypes.arrayOf(PropTypes.shape({\r\n    title: PropTypes.string,\r\n    isCurrentStep: PropTypes.bool,\r\n  })),\r\n  previousButtonLabel: PropTypes.string,\r\n  nextButtonLabel: PropTypes.string,\r\n  onPreviousClick: PropTypes.func,\r\n  onNextClick: PropTypes.func,\r\n  onCancelClick: PropTypes.func,\r\n  isNextButtonDisabled: PropTypes.bool,\r\n  disableButtons: PropTypes.bool,\r\n};\r\n\r\nStepProgressFooter.defaultProps = {\r\n  steps: [],\r\n  previousButtonLabel: null,\r\n  nextButtonLabel: null,\r\n  onPreviousClick: null,\r\n  onNextClick: null,\r\n  onCancelClick: null,\r\n  isNextButtonDisabled: false,\r\n  disableButtons: false,\r\n};\r\n","import { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\n\r\nexport const getCardWrapperStyles = (_, { palette = {} }) => ({\r\n  cardContainer: {\r\n    backgroundColor: palette.white,\r\n    width: 680,\r\n    boxSizing: 'border-box',\r\n    boxShadow: '0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13)',\r\n    padding: 24,\r\n    marginTop: 24,\r\n    marginBottom: 32,\r\n    [mobileDevice]: {\r\n      width: 'auto',\r\n    },\r\n  },\r\n  cardHeaderContainer: {\r\n    position: 'relative',\r\n  },\r\n  titleContainer: {\r\n    display: 'flex',\r\n    alignSelf: 'flex-start',\r\n    flexGrow: 1,\r\n    '& .helpbutton': {\r\n      paddingBottom: '0px',\r\n      paddingTop: '0px',\r\n      height: '24px',\r\n    },\r\n  },\r\n});\r\n","import React, { useMemo } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Text } from '@fluentui/react';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { InlineHelp } from '@bingads-webui-campaign-react/mca-inline-help';\r\n\r\nimport { StepFooter } from './step-footer';\r\nimport { getCardWrapperStyles } from '../styles/card-wrapper-styles';\r\n\r\nexport function CardWrapper(props) {\r\n  const {\r\n    children,\r\n    className,\r\n    title,\r\n    titleHelpTopic,\r\n\r\n    previousButtonLabel,\r\n    nextButtonLabel,\r\n    onPreviousClick,\r\n    onNextClick,\r\n    onCancelClick,\r\n    isNextButtonDisabled,\r\n    disableButtons,\r\n  } = props;\r\n  const classes = useDefaultStyles(getCardWrapperStyles);\r\n\r\n  const renderCardHeader = useMemo(() => (\r\n    <React.Fragment>\r\n      { title &&\r\n        <div className={classNames(classes.titleContainer, 'card-header-title')}>\r\n          <Text\r\n            block\r\n            variant=\"xLarge\"\r\n            className=\"card-title\"\r\n          >\r\n            {title}\r\n          </Text>\r\n          { titleHelpTopic &&\r\n            <InlineHelp topic={titleHelpTopic} />\r\n          }\r\n        </div>\r\n      }\r\n    </React.Fragment>\r\n  ), [classes.titleContainer, title, titleHelpTopic]);\r\n\r\n  return (\r\n    <div className={classNames('card-container', className, classes.cardContainer)}>\r\n      <div className={classNames('card-header', classes.cardHeaderContainer)}>\r\n        {renderCardHeader}\r\n      </div>\r\n      {children}\r\n      <StepFooter\r\n        previousButtonLabel={previousButtonLabel}\r\n        nextButtonLabel={nextButtonLabel}\r\n        onPreviousClick={onPreviousClick}\r\n        onNextClick={onNextClick}\r\n        onCancelClick={onCancelClick}\r\n        isNextButtonDisabled={isNextButtonDisabled}\r\n        disableButtons={disableButtons}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nCardWrapper.propTypes = {\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.node,\r\n    PropTypes.arrayOf(PropTypes.node),\r\n  ]),\r\n  className: PropTypes.string,\r\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\r\n  titleHelpTopic: PropTypes.string,\r\n\r\n  previousButtonLabel: PropTypes.string,\r\n  nextButtonLabel: PropTypes.string,\r\n  onPreviousClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n  onNextClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n  onCancelClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n  isNextButtonDisabled: PropTypes.bool,\r\n  disableButtons: PropTypes.bool,\r\n};\r\n\r\nCardWrapper.defaultProps = {\r\n  children: null,\r\n  className: null,\r\n  title: null,\r\n  titleHelpTopic: null,\r\n\r\n  previousButtonLabel: null,\r\n  nextButtonLabel: null,\r\n  onPreviousClick: null,\r\n  onNextClick: null,\r\n  onCancelClick: null,\r\n  isNextButtonDisabled: false,\r\n  disableButtons: false,\r\n};\r\n","import { mobileDevice } from '@bingads-webui-campaign-react/mca-core';\r\n\r\nexport const getCardStepLayoutStyles = (_, { palette = {} }) => ({\r\n  stepLayoutContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    backgroundColor: palette.neutralLighterAlt,\r\n    overflow: 'auto',\r\n    height: '100%',\r\n    width: '100%',\r\n  },\r\n  stepLayoutContentContainer: {\r\n    padding: 40,\r\n    [mobileDevice]: {\r\n      padding: '30px 0 0',\r\n      width: 350,\r\n    },\r\n  },\r\n  stepLayoutHeaderContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n  },\r\n  stepContentContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    '& .step-footer': {\r\n      padding: 0,\r\n      border: 'none',\r\n      marginTop: 32,\r\n    },\r\n  },\r\n  stepLayoutFooterContainer: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    [mobileDevice]: {\r\n      marginBottom: 30,\r\n    },\r\n  },\r\n});\r\n","import _ from 'underscore';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CardWrapper } from './components';\r\nimport { getCardStepLayoutStyles } from './styles/card-step-layout-styles';\r\n\r\nexport function CardStepLayout(props) {\r\n  const {\r\n    children,\r\n    className,\r\n\r\n    onRenderPageBanner,\r\n    onRenderPageHeader,\r\n    onRenderPageFooter,\r\n\r\n    cardBasicProps,\r\n    previousButtonLabel,\r\n    nextButtonLabel,\r\n    onPreviousClick,\r\n    onNextClick,\r\n    onCancelClick,\r\n    isNextButtonDisabled,\r\n    disableButtons,\r\n  } = props;\r\n  const classes = useDefaultStyles(getCardStepLayoutStyles);\r\n\r\n  return (\r\n    <div className={classNames('step-layout-container', className, classes.stepLayoutContainer)}>\r\n      {_.isFunction(onRenderPageBanner) && onRenderPageBanner()}\r\n      <div className={classNames('step-layout-content-container', classes.stepLayoutContentContainer)}>\r\n        <div className={classNames('step-layout-header', classes.stepLayoutHeaderContainer)}>\r\n          {_.isFunction(onRenderPageHeader) && onRenderPageHeader()}\r\n        </div>\r\n        <div className={classNames('step-content-with-footer', classes.stepContentContainer)}>\r\n          <CardWrapper\r\n            {...cardBasicProps}\r\n            previousButtonLabel={previousButtonLabel}\r\n            nextButtonLabel={nextButtonLabel}\r\n            onPreviousClick={onPreviousClick}\r\n            onNextClick={onNextClick}\r\n            onCancelClick={onCancelClick}\r\n            isNextButtonDisabled={isNextButtonDisabled}\r\n            disableButtons={disableButtons}\r\n          >\r\n            {children}\r\n          </CardWrapper>\r\n          <div className={classNames('step-layout-footer', classes.stepLayoutFooterContainer)}>\r\n            {_.isFunction(onRenderPageFooter) && onRenderPageFooter()}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nCardStepLayout.propTypes = {\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.node,\r\n    PropTypes.arrayOf(PropTypes.node),\r\n  ]),\r\n  className: PropTypes.string,\r\n\r\n  onRenderPageBanner: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n  onRenderPageHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n  onRenderPageFooter: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\r\n\r\n  cardBasicProps: PropTypes.shape({\r\n    className: PropTypes.string,\r\n    title: PropTypes.string,\r\n    titleHelpTopic: PropTypes.string,\r\n  }),\r\n  previousButtonLabel: PropTypes.string,\r\n  nextButtonLabel: PropTypes.string,\r\n  onPreviousClick: PropTypes.func,\r\n  onNextClick: PropTypes.func,\r\n  onCancelClick: PropTypes.func,\r\n  isNextButtonDisabled: PropTypes.bool,\r\n  disableButtons: PropTypes.bool,\r\n};\r\n\r\nCardStepLayout.defaultProps = {\r\n  children: null,\r\n  className: null,\r\n\r\n  onRenderPageBanner: null,\r\n  onRenderPageHeader: null,\r\n  onRenderPageFooter: null,\r\n\r\n  cardBasicProps: null,\r\n  previousButtonLabel: null,\r\n  nextButtonLabel: null,\r\n  onPreviousClick: null,\r\n  onNextClick: null,\r\n  onCancelClick: null,\r\n  isNextButtonDisabled: false,\r\n  disableButtons: false,\r\n};\r\n","import React, { useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Text } from '@fluentui/react';\r\nimport { CardStepLayout } from '@bingads-webui-campaign-react/shared-step-layouts';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport classNames from 'classnames';\r\n\r\nconst stepCardStyles = {\r\n  title: {\r\n    root: {\r\n      margin: '15px 0',\r\n    },\r\n  },\r\n  description: {\r\n    root: {\r\n      marginTop: 10,\r\n      maxWidth: 500,\r\n      textAlign: 'center',\r\n    },\r\n  },\r\n};\r\n\r\nconst getStyles = () => ({\r\n  container: {\r\n    '& .card-container': {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      minWidth: 795,\r\n      minHeight: 635,\r\n    },\r\n    '& .step-footer': {\r\n      justifyContent: 'center',\r\n    },\r\n  },\r\n  header: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n  },\r\n  content: {\r\n    flex: 1,\r\n    flexBasis: 350,\r\n  },\r\n});\r\n\r\nexport const StepCardBaseContainer = (props) => {\r\n  const {\r\n    children,\r\n    className,\r\n    title,\r\n    description,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const classes = useDefaultStyles(getStyles);\r\n\r\n  const renderPageHeader = useCallback(() => (\r\n    <React.Fragment>\r\n      {\r\n        title &&\r\n        <Text\r\n          variant=\"xxLarge\"\r\n          block\r\n          styles={stepCardStyles.title}\r\n          className=\"smart-page-step-page-title\"\r\n          as=\"h1\"\r\n        >\r\n          {title}\r\n        </Text>\r\n      }\r\n      {\r\n        description &&\r\n        <Text\r\n          variant=\"medium\"\r\n          block\r\n          styles={stepCardStyles.description}\r\n          className=\"smart-page-step-page-description\"\r\n        >\r\n          {description}\r\n        </Text>\r\n      }\r\n    </React.Fragment>\r\n  ), [title, description]);\r\n\r\n  return (\r\n    <CardStepLayout\r\n      className={classNames('step-card-container', classes.container, className)}\r\n      {...restProps}\r\n    >\r\n      <div className={classNames('step-card-header', classes.header)}>\r\n        {renderPageHeader()}\r\n      </div>\r\n      <div className={classNames('step-card-content', classes.content)}>\r\n        {children}\r\n      </div>\r\n    </CardStepLayout>\r\n  );\r\n};\r\n\r\nStepCardBaseContainer.propTypes = {\r\n  children: PropTypes.oneOfType([\r\n    PropTypes.node,\r\n    PropTypes.arrayOf(PropTypes.node),\r\n  ]).isRequired,\r\n  className: PropTypes.string,\r\n  title: PropTypes.string,\r\n  description: PropTypes.string,\r\n};\r\n\r\nStepCardBaseContainer.defaultProps = {\r\n  className: '',\r\n  title: '',\r\n  description: '',\r\n};\r\n","import { isProdEnvironment } from '@bingads-webui-campaign-react/smart-page-util';\r\n\r\nconst isProdEnv = isProdEnvironment(document.domain);\r\n\r\nconst prodAppId = 'c97b71c8-e958-4ec9-a302-053aabc9890c';\r\nconst prodClientAppId = 'b024b9dc-dd00-4ebf-8f6c-84d7bd100853';\r\nconst prodAuthority = 'https://login.windows.net/common';\r\n\r\nconst testAppId = 'd203d5bc-88db-444a-9851-9e49d47cbf58';\r\nconst testClientAppId = '2b5ff9fc-fdc3-4d2d-a63a-13f62ce897dc';\r\nconst testAuthority = 'https://login.windows-ppe.net/common';\r\n\r\n/**\r\n * Configuration object to be passed to MSAL instance on creation.\r\n * For a full list of MSAL.js configuration parameters, visit:\r\n * https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-browser/docs/configuration.md\r\n */\r\nexport const msalConfig = {\r\n  auth: {\r\n    clientId: isProdEnv ? prodClientAppId : testClientAppId,\r\n    authority: isProdEnv ? prodAuthority : testAuthority,\r\n  },\r\n  cache: {\r\n    cacheLocation: 'sessionStorage', // This configures where your cache will be stored\r\n    storeAuthStateInCookie: false, // Set this to \"true\" if you are having issues on IE11 or Edge\r\n  },\r\n  system: {\r\n    pollIntervalMilliseconds: 15,\r\n  },\r\n};\r\n\r\n/**\r\n * Scopes you add here will be prompted for user consent during sign-in.\r\n * By default, MSAL.js will add OIDC scopes (openid, profile, email) to any login request.\r\n * For more information about OIDC scopes, visit:\r\n * https://docs.microsoft.com/en-us/azure/active-directory/develop/v2-permissions-and-consent#openid-connect-scopes\r\n */\r\nexport const customDomainLoginRequest = {\r\n  scopes: [\r\n    `api://${isProdEnv ? prodAppId : testAppId}/User.Write`,\r\n  ],\r\n};\r\n","import { useCallback, useContext } from 'react';\r\nimport _ from 'underscore';\r\n\r\nimport { PublicClientApplication } from '@azure/msal-browser';\r\nimport { InstrumentationServiceContext } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { msalConfig, customDomainLoginRequest } from './config';\r\n\r\nconst msalInstance = new PublicClientApplication(msalConfig);\r\n\r\nexport const useMsal = () => {\r\n  const logger = useContext(InstrumentationServiceContext);\r\n\r\n  const onLogin = useCallback((cb) => {\r\n    msalInstance.loginPopup(customDomainLoginRequest)\r\n      .then(res => _.isFunction(cb) && cb(res))\r\n      .catch((err) => {\r\n        if (err && err.errorCode !== 'user_cancelled') {\r\n          logger.logError(err);\r\n        }\r\n      });\r\n  }, [logger]);\r\n\r\n  const onLogout = useCallback((cb) => {\r\n    msalInstance.logoutPopup().then(() => _.isFunction(cb) && cb());\r\n  }, []);\r\n\r\n  return {\r\n    onLogin,\r\n    onLogout,\r\n  };\r\n};\r\n","import React, { useEffect, useState, createContext, useContext } from 'react';\r\nimport _ from 'underscore';\r\nimport { node } from 'prop-types';\r\n\r\nimport { useGetCouponDetails } from '@bingads-webui/overreact-cc';\r\nimport { useCustomerLevelVariables, usePostponeReadVariables } from '@bingads-webui-campaign-react/basic-context-utils';\r\nimport { isProdEnvironment } from '@bingads-webui-campaign-react/smart-page-util';\r\nimport { UpSignupWizardCouponClassForNonProd, HasDateExpiredInPST } from '@bingads-webui-campaign-react/mca-core';\r\nimport { useIsDraftOrPendingAccount } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nconst VALID_COUPON_CLASS_PROD = 'AENOTINCSPUPQ422US100';\r\n\r\nexport const COUPON_CLASS = isProdEnvironment(document.domain)\r\n  ? VALID_COUPON_CLASS_PROD\r\n  // Use for SI test to get coupon message displayed\r\n  : UpSignupWizardCouponClassForNonProd;\r\n\r\nfunction useCouponDetail() {\r\n  const [validCouponDetails, setValidCouponDetails] = useState(null);\r\n  const isDraftOfPendingAccount = useIsDraftOrPendingAccount();\r\n  const customerLevelVariables = useCustomerLevelVariables();\r\n  const postponeReadConfig = usePostponeReadVariables();\r\n\r\n  const [{ data: couponDetails, error: couponError }, { read: getCouponDetails }]\r\n    = useGetCouponDetails(customerLevelVariables, postponeReadConfig);\r\n\r\n  useEffect(() => {\r\n    if (isDraftOfPendingAccount && !couponDetails && !couponError) {\r\n      getCouponDetails({ variables: { ccl: COUPON_CLASS } });\r\n    }\r\n  }, [isDraftOfPendingAccount, couponDetails, couponError, getCouponDetails]);\r\n\r\n  useEffect(() => {\r\n    if (_.isArray(couponDetails) && couponDetails.length > 0 && couponDetails[0].CouponDetails) {\r\n      const couponDetail = couponDetails[0].CouponDetails;\r\n      if (!HasDateExpiredInPST(couponDetail.ExpiryDate)) {\r\n        setValidCouponDetails(couponDetail);\r\n      }\r\n    }\r\n  }, [couponDetails]);\r\n\r\n  return {\r\n    couponDetails: validCouponDetails,\r\n  };\r\n}\r\n\r\nconst CouponDetailContext = createContext();\r\nexport const useCouponDetailContext = () => useContext(CouponDetailContext);\r\n\r\nexport function CouponDetailProvider({ children }) {\r\n  const { couponDetails } = useCouponDetail();\r\n\r\n  return (\r\n    <CouponDetailContext.Provider value={couponDetails}>\r\n      {children}\r\n    </CouponDetailContext.Provider>\r\n  );\r\n}\r\n\r\nCouponDetailProvider.propTypes = {\r\n  children: node.isRequired,\r\n};\r\n","import React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Cropper from 'react-easy-crop';\r\nimport classNames from 'classnames';\r\nimport { FontIcon } from '@fluentui/react/lib/Icon';\r\n\r\nconst getOffsetFromCropSettings = (cropSettings) => {\r\n  const { cropY, cropHeight } = cropSettings;\r\n\r\n  if (!cropHeight) {\r\n    return 0;\r\n  }\r\n\r\n  return -(100 * cropY) / cropHeight;\r\n};\r\n\r\nconst convertPercentageOffsetToCropValue = ({\r\n  offset,\r\n  imageWidth,\r\n  imageHeight,\r\n  aspectRatio,\r\n}) => {\r\n  const cropAreaHeight = imageWidth * aspectRatio;\r\n  const imageToCropAreaProportion = imageHeight / cropAreaHeight;\r\n  const offsetNormalized = -(offset / 100) / imageToCropAreaProportion;\r\n  const offsetInPixels = offsetNormalized * imageHeight;\r\n\r\n  let y = 0;\r\n\r\n  y += imageHeight / 2;\r\n  y -= cropAreaHeight / 2;\r\n  y -= offsetInPixels;\r\n\r\n  return { x: 0, y };\r\n};\r\n\r\nexport const ImageCropperEditor = (props) => {\r\n  const {\r\n    i18n,\r\n    classes,\r\n    src,\r\n    cropSettings,\r\n    aspectRatio,\r\n    onCropFinished,\r\n  } = props;\r\n\r\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\r\n\r\n  const onMediaLoaded = useCallback(\r\n    (mediaSize) => {\r\n      const off = getOffsetFromCropSettings(cropSettings);\r\n      const initialCrop = convertPercentageOffsetToCropValue({\r\n        offset: off,\r\n        imageWidth: mediaSize.width,\r\n        imageHeight: mediaSize.height,\r\n        aspectRatio,\r\n      });\r\n      setCrop(initialCrop);\r\n    },\r\n    [aspectRatio, cropSettings]\r\n  );\r\n\r\n  const onCropComplete = useCallback(\r\n    (croppedArea) => {\r\n      onCropFinished({\r\n        cropX: 0,\r\n        cropY: croppedArea.y / 100,\r\n        cropWidth: 1,\r\n        cropHeight: croppedArea.height / 100,\r\n      });\r\n    },\r\n    [onCropFinished]\r\n  );\r\n\r\n  return (\r\n    <div className=\"image-cropper-editor\">\r\n      <Cropper\r\n        image={src}\r\n        crop={crop}\r\n        onCropChange={setCrop}\r\n        onCropComplete={onCropComplete}\r\n        onMediaLoaded={onMediaLoaded}\r\n        zoom={1}\r\n        zoomWithScroll={false}\r\n        aspect={1 / aspectRatio}\r\n        showGrid={false}\r\n        objectFit=\"horizontal-cover\"\r\n        style={{\r\n          cropAreaStyle: {\r\n            border: '1px solid black',\r\n            color: 'rgba(255, 255, 255, 0.65)',\r\n          },\r\n        }}\r\n      />\r\n      <div className={classNames(classes.overlay, classes.unclickable)}>\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.topStrip,\r\n            classes.leftStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.middleStrip,\r\n            classes.leftStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.bottomStrip,\r\n            classes.leftStrip\r\n          )}\r\n        />\r\n\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.topStrip,\r\n            classes.rightStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.middleStrip,\r\n            classes.rightStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.verticalStrip,\r\n            classes.bottomStrip,\r\n            classes.rightStrip\r\n          )}\r\n        />\r\n\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.horizontalStrip,\r\n            classes.topStrip,\r\n            classes.leftStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.horizontalStrip,\r\n            classes.topStrip,\r\n            classes.rightStrip\r\n          )}\r\n        />\r\n\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.horizontalStrip,\r\n            classes.bottomStrip,\r\n            classes.leftStrip\r\n          )}\r\n        />\r\n        <div className={\r\n          classNames(\r\n            classes.overlayStrip,\r\n            classes.horizontalStrip,\r\n            classes.bottomStrip,\r\n            classes.rightStrip\r\n          )}\r\n        />\r\n        <div className={classes.overlayMessage}>\r\n          <FontIcon iconName=\"Move\" />\r\n          <span>{i18n.getString(_TL_('Drag to reposition'))}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nImageCropperEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    img: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  src: PropTypes.string.isRequired,\r\n  cropSettings: PropTypes.shape({}).isRequired,\r\n  aspectRatio: PropTypes.number.isRequired,\r\n  onCropFinished: PropTypes.func.isRequired,\r\n};\r\n","import React, { useMemo, useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n  usePreviewPageContext,\r\n  useSiteConfig,\r\n  ComponentLoadingStatus,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { FontIcon } from '@fluentui/react/lib/Icon';\r\n\r\nconst getOffsetFromCropSettings = (cropSettings) => {\r\n  const { cropY, cropHeight } = cropSettings;\r\n\r\n  if (!cropHeight) {\r\n    return 0;\r\n  }\r\n\r\n  return -(100 * cropY) / cropHeight;\r\n};\r\n\r\nexport const ImageCropperPreview = (props) => {\r\n  const {\r\n    i18n,\r\n    classes,\r\n    src,\r\n    cropSettings,\r\n    activate,\r\n    isInEditor,\r\n    isExternalSrc,\r\n  } = props;\r\n\r\n  const offset = useMemo(() => getOffsetFromCropSettings(cropSettings), [cropSettings]);\r\n\r\n  const { updateElementsLoadingStatus } = usePreviewPageContext();\r\n  const { dispatchSiteConfig } = useSiteConfig();\r\n\r\n  const handleOnLoad = useCallback((e) => {\r\n    if (!isInEditor) {\r\n      updateElementsLoadingStatus({ coverImage: { status: ComponentLoadingStatus.LOADED } });\r\n    }\r\n\r\n    if (isExternalSrc) {\r\n      const { height, width } = e.currentTarget;\r\n\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_COVER_IMAGE',\r\n        payload: {\r\n          imageWidth: width,\r\n          imageHeight: height,\r\n        },\r\n      });\r\n    }\r\n  }, [\r\n    updateElementsLoadingStatus,\r\n    isInEditor,\r\n    dispatchSiteConfig,\r\n    isExternalSrc,\r\n  ]);\r\n\r\n  return (\r\n    <div>\r\n      <div className={classNames('image-cropper-preview', classes.preview)}>\r\n        <picture\r\n          style={{\r\n            position: 'absolute',\r\n            top: `${offset}%`,\r\n            left: 0,\r\n            right: 0,\r\n          }}\r\n        >\r\n          <img\r\n            onLoad={handleOnLoad}\r\n            src={src}\r\n            className={classes.img}\r\n            alt={i18n.getString(_TL_('Cover image'))}\r\n          />\r\n        </picture>\r\n      </div>\r\n      {\r\n        isInEditor &&\r\n        <div\r\n          className={classNames('image-cropper-preview-overlay', classes.overlayPreview)}\r\n          role=\"button\"\r\n          tabIndex=\"0\"\r\n          onClick={activate}\r\n          onKeyPress={activate}\r\n        >\r\n          <div className={classNames(classes.overlayMessage, classes.unclickable)}>\r\n            <FontIcon iconName=\"Move\" />\r\n            <span>{i18n.getString(_TL_('Click to edit'))}</span>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nImageCropperPreview.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    img: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  src: PropTypes.string.isRequired,\r\n  cropSettings: PropTypes.shape({}).isRequired,\r\n  activate: PropTypes.func.isRequired,\r\n  isInEditor: PropTypes.bool.isRequired,\r\n  isExternalSrc: PropTypes.bool.isRequired,\r\n};\r\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { IDEAL_ASPECT_RATIO, preventEventPropagation } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  useIsComponentSelected,\r\n  usePreviewPageContext,\r\n  ComponentLoadingStatus,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { ImageCropperEditor } from './image-cropper-editor';\r\nimport { ImageCropperPreview } from './image-cropper-preview';\r\n\r\nimport { getStyles } from './styles';\r\n\r\nconst cropSettingsInPercentage = ({\r\n  cropX,\r\n  cropY,\r\n  cropWidth,\r\n  cropHeight,\r\n}, imageWidth, imageHeight) => ({\r\n  cropX: cropX / imageWidth,\r\n  cropY: cropY / imageHeight,\r\n  cropWidth: cropWidth / imageWidth,\r\n  cropHeight: cropHeight / imageHeight,\r\n});\r\n\r\nconst cropSettingsInPixels = ({\r\n  cropX,\r\n  cropY,\r\n  cropWidth,\r\n  cropHeight,\r\n}, imageWidth, imageHeight) => ({\r\n  cropX: cropX * imageWidth,\r\n  cropY: cropY * imageHeight,\r\n  cropWidth: cropWidth * imageWidth,\r\n  cropHeight: cropHeight * imageHeight,\r\n});\r\n\r\nexport const UnStyledImageCropper = (props) => {\r\n  const {\r\n    i18n,\r\n    classes,\r\n    src,\r\n    imageWidth,\r\n    imageHeight,\r\n    cropSettings: initialCropSettings,\r\n    isEditMode,\r\n    isActive,\r\n    setIsActive,\r\n    onCropSettingsChange,\r\n    isExternalSrc,\r\n  } = props;\r\n\r\n  const [cropSettings, setCropSettings] = useState({});\r\n\r\n  const { elementsLoadingStatus } = usePreviewPageContext();\r\n\r\n  const imageAspectRatio = imageHeight / imageWidth;\r\n  const aspectRatiosProportion = imageAspectRatio / IDEAL_ASPECT_RATIO;\r\n  const showEditMode = isEditMode && aspectRatiosProportion > 1;\r\n  const triggerEditor = showEditMode && isActive;\r\n  const cropperStyle = triggerEditor ? classes.imageCropperEditor : classes.imageCropperPreview;\r\n\r\n  const selected = useIsComponentSelected('coverImage');\r\n\r\n  useEffect(\r\n    () => {\r\n      setCropSettings(initialCropSettings\r\n        ? cropSettingsInPercentage(initialCropSettings, imageWidth, imageHeight)\r\n        : ({\r\n          cropX: 0,\r\n          cropY: 0,\r\n          cropWidth: 1,\r\n          cropHeight: triggerEditor ? (1 / aspectRatiosProportion) : 1,\r\n        }));\r\n    },\r\n    [aspectRatiosProportion, imageHeight, imageWidth, initialCropSettings, triggerEditor]\r\n  );\r\n\r\n  const updateCropSettings = useCallback(\r\n    (newCropSettings) => {\r\n      setCropSettings(newCropSettings);\r\n      onCropSettingsChange(cropSettingsInPixels(newCropSettings, imageWidth, imageHeight));\r\n    },\r\n    [imageHeight, imageWidth, onCropSettingsChange]\r\n  );\r\n\r\n  const activate = useCallback((e) => {\r\n    setIsActive(true);\r\n    if (selected) {\r\n      preventEventPropagation(e);\r\n    }\r\n  }, [setIsActive, selected]);\r\n\r\n  const CropperView = useMemo(\r\n    () => (triggerEditor ? ImageCropperEditor : ImageCropperPreview),\r\n    [triggerEditor]\r\n  );\r\n\r\n  return (\r\n    <div className={classNames('image-cropper', cropperStyle)}>\r\n      {\r\n        elementsLoadingStatus.coverImage &&\r\n          elementsLoadingStatus.coverImage.status === ComponentLoadingStatus.LOADING\r\n          ? <Loading\r\n            className={classes.previewLoading}\r\n            label={elementsLoadingStatus.coverImage.reason}\r\n          />\r\n          :\r\n          <CropperView\r\n            i18n={i18n}\r\n            classes={classes}\r\n            src={src}\r\n            cropSettings={cropSettings}\r\n            aspectRatio={IDEAL_ASPECT_RATIO}\r\n            onCropFinished={updateCropSettings}\r\n            activate={activate}\r\n            isInEditor={showEditMode}\r\n            isExternalSrc={isExternalSrc}\r\n          />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledImageCropper.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    imageCropperEditor: PropTypes.string.isRequired,\r\n    imageCropperPreview: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  src: PropTypes.string.isRequired,\r\n  imageWidth: PropTypes.number.isRequired,\r\n  imageHeight: PropTypes.number.isRequired,\r\n  isEditMode: PropTypes.bool,\r\n  isActive: PropTypes.bool.isRequired,\r\n  setIsActive: PropTypes.func.isRequired,\r\n  cropSettings: PropTypes.shape({}),\r\n  onCropSettingsChange: PropTypes.func.isRequired,\r\n  isExternalSrc: PropTypes.bool,\r\n};\r\n\r\nUnStyledImageCropper.defaultProps = {\r\n  cropSettings: null,\r\n  isEditMode: false,\r\n  isExternalSrc: false,\r\n};\r\n\r\nexport const ImageCropper = withDefaultStyles(UnStyledImageCropper, getStyles);\r\n","import { IDEAL_ASPECT_RATIO_PERCENTAGE } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nexport const getStyles = () => ({\r\n  imageCropperPreview: {\r\n    position: 'absolute',\r\n    width: '100%',\r\n    paddingTop: `${IDEAL_ASPECT_RATIO_PERCENTAGE}%`,\r\n    overflow: 'hidden',\r\n  },\r\n  imageCropperEditor: {\r\n  },\r\n  // #region Preview styles\r\n  overlayPreview: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  preview: {\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  previewLoading: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    zIndex: 1,\r\n  },\r\n  img: {\r\n    width: '100%',\r\n    height: 'auto',\r\n  },\r\n  // #endregion\r\n  // #region Editor styles\r\n  unclickable: {\r\n    pointerEvents: 'none',\r\n  },\r\n  overlay: {\r\n    position: 'absolute',\r\n    width: '100%',\r\n    paddingTop: `${IDEAL_ASPECT_RATIO_PERCENTAGE}%`,\r\n    marginTop: '100px',\r\n  },\r\n  overlayStrip: {\r\n    position: 'absolute',\r\n    width: 5,\r\n    height: 5,\r\n    background: 'black',\r\n  },\r\n  overlayMessage: {\r\n    position: 'absolute',\r\n    top: '50%',\r\n    left: '50%',\r\n    transform: 'translateY(-50%) translateX(-50%)',\r\n    height: 40,\r\n    borderRadius: 20,\r\n    background: 'rgba(0, 0, 0, 0.9)',\r\n    color: '#ffffff',\r\n    border: 'none',\r\n    padding: '0px 16px',\r\n    minWidth: 80,\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    '& .ms-Icon': {\r\n      margin: '0px 4px',\r\n      textAlign: 'center',\r\n      fontSize: '16px',\r\n      lineHeight: '16px',\r\n    },\r\n    '& span': {\r\n      margin: '0px 4px',\r\n      lineHeight: '100%',\r\n      display: 'block',\r\n      fontWeight: '600',\r\n    },\r\n  },\r\n  verticalStrip: {\r\n    height: 20,\r\n  },\r\n  horizontalStrip: {\r\n    width: 20,\r\n  },\r\n  topStrip: {\r\n    top: 0,\r\n  },\r\n  middleStrip: {\r\n    top: 'calc(50% - 10px)',\r\n  },\r\n  bottomStrip: {\r\n    bottom: 0,\r\n  },\r\n  leftStrip: {\r\n    left: 0,\r\n  },\r\n  rightStrip: {\r\n    right: 0,\r\n  },\r\n  // #endregion\r\n});\r\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { useImageMeta } from '@bingads-webui-campaign-react/smart-component-image';\r\nimport {\r\n  useClientContext,\r\n  useIsComponentSelected,\r\n  useSiteConfig\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { preventEventPropagation } from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { useLocalImage } from './components/use-local-image';\r\nimport { ImageCropper } from './components/image-cropper';\r\n\r\nconst getRatio = (width, height) => height / width;\r\nconst getCssPercentStr = (width, height) => `${getRatio(width, height) * 100}%`;\r\n\r\nconst MaxWidth = 1080;\r\nconst MaxHeight = 608;\r\nconst MaxRatio = getRatio(MaxWidth, MaxHeight);\r\nconst MaxCssPercentStr = getCssPercentStr(MaxWidth, MaxHeight);\r\n\r\nconst getImageRatio = (width, height) => {\r\n  if (!width || !height) {\r\n    return MaxCssPercentStr;\r\n  }\r\n\r\n  if (getRatio(width, height) < MaxRatio) {\r\n    return getCssPercentStr(width, height);\r\n  }\r\n  return MaxCssPercentStr;\r\n};\r\n\r\nconst getStyles = components => ({\r\n  container: {\r\n    padding: '24px 10%',\r\n  },\r\n  mobileContainer: {\r\n    ...components.section,\r\n  },\r\n  centerContainer: {\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto',\r\n    maxWidth: MaxWidth,\r\n  },\r\n  sizedContainer: {\r\n    position: 'relative',\r\n  },\r\n  content: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  selectedContent: {\r\n    position: 'absolute',\r\n    top: -100,\r\n    left: 0,\r\n    width: '100%',\r\n    height: 'calc(100% + 200px)',\r\n  },\r\n});\r\n\r\nconst useClickOutsideHandler = (ref, cb) => {\r\n  const handle = useCallback((e) => {\r\n    if (ref.current && !e.target.classList.contains('image-cropper-preview-overlay') && !ref.current.contains(e.target)) { cb(); }\r\n  }, [cb, ref]);\r\n\r\n  useEffect(() => {\r\n    document.addEventListener('click', handle);\r\n    return () => document.removeEventListener('click', handle);\r\n  }, [handle]);\r\n};\r\n\r\nconst UnStyledSmartCoverImageViewWithCropper = ({\r\n  imageId,\r\n  imageName,\r\n  imageWidth,\r\n  imageHeight,\r\n  cropSettings,\r\n  id,\r\n  i18n,\r\n  classes,\r\n  isEditMode,\r\n  externalSrc,\r\n}) => {\r\n  const ref = useRef();\r\n  const [isActive, setIsActive] = useState(false);\r\n\r\n  const { isMobile } = useClientContext();\r\n  const { ImageUrl } = useImageMeta({ imageId });\r\n  const localImageSrc = useLocalImage(imageName);\r\n  const src = (ImageUrl || externalSrc) || localImageSrc;\r\n  const isExternalSrc = useMemo(() => !imageId && !!externalSrc, [imageId, externalSrc]);\r\n\r\n  const selected = useIsComponentSelected('coverImage');\r\n\r\n  const { dispatchSiteConfig } = useSiteConfig();\r\n\r\n  const imageAspectRatio = imageHeight / imageWidth;\r\n  const aspectRatiosProportion = imageAspectRatio / (MaxHeight / MaxWidth);\r\n  // Only when user click \"Cover Image\" to expand the cover image editor,\r\n  // can we show crop option. This is to fix a11y nested-interactive issue.\r\n  const showEditMode = isEditMode && selected && !isMobile && aspectRatiosProportion > 1;\r\n\r\n  const storeNewCropSettings = useCallback(\r\n    (newCropSettings) => {\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_COVER_IMAGE',\r\n        payload: {\r\n          cropSettings: newCropSettings,\r\n          editWithCropper: true,\r\n        },\r\n      });\r\n    },\r\n    [dispatchSiteConfig]\r\n  );\r\n\r\n  const setInactive = useCallback(() => setIsActive(false), []);\r\n\r\n  const setInactiveOnClickOutside = useCallback(\r\n    () => isActive && setInactive(),\r\n    [isActive, setInactive]\r\n  );\r\n\r\n  useClickOutsideHandler(ref, setInactiveOnClickOutside);\r\n\r\n  const contentStyle = selected && isActive\r\n    ? classes.selectedContent\r\n    : classes.content;\r\n\r\n  const centerContainerProps = useMemo(\r\n    () => (selected && isActive\r\n      ? ({\r\n        role: 'button',\r\n        tabIndex: '0',\r\n        onClick: preventEventPropagation,\r\n        onKeyPress: preventEventPropagation,\r\n      })\r\n      : ({})),\r\n    [isActive, selected]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classNames('cropper-inactivate-area', isMobile ? classes.mobileContainer : classes.container)}\r\n    >\r\n      <div\r\n        ref={ref}\r\n        className={classes.centerContainer}\r\n        {...centerContainerProps}\r\n      >\r\n        <div\r\n          className={classes.sizedContainer}\r\n          style={{ paddingTop: getImageRatio(imageWidth, imageHeight) }}\r\n        >\r\n          <div className={classNames('content', contentStyle)}>\r\n            {\r\n              src &&\r\n              <ImageCropper\r\n                i18n={i18n}\r\n                src={src}\r\n                isExternalSrc={isExternalSrc}\r\n                imageWidth={imageWidth}\r\n                imageHeight={imageHeight}\r\n                cropSettings={cropSettings}\r\n                isEditMode={showEditMode}\r\n                isActive={selected && isActive}\r\n                setIsActive={setIsActive}\r\n                onCropSettingsChange={storeNewCropSettings}\r\n              />\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartCoverImageViewWithCropper.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({}).isRequired,\r\n  imageWidth: PropTypes.number,\r\n  imageHeight: PropTypes.number,\r\n  cropSettings: PropTypes.shape({}),\r\n\r\n  // below two are exclusive, either by Id or Name\r\n  imageId: PropTypes.string,\r\n  imageName: PropTypes.string,\r\n  isEditMode: PropTypes.bool,\r\n  externalSrc: PropTypes.string,\r\n};\r\n\r\n\r\nUnStyledSmartCoverImageViewWithCropper.defaultProps = {\r\n  imageId: null,\r\n  imageName: null,\r\n  imageWidth: null,\r\n  imageHeight: null,\r\n  cropSettings: null,\r\n  isEditMode: false,\r\n  externalSrc: null,\r\n};\r\n\r\nexport const SmartCoverImageViewWithCropper = withErrorView(withDefaultStyles(\r\n  UnStyledSmartCoverImageViewWithCropper,\r\n  getStyles\r\n), 'componentMode');\r\n","import { useState, useEffect } from 'react';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { loadLocalImage } from '@bingads-webui-campaign-react/static-local-image-selector';\r\n\r\nexport const useLocalImage = (imageName) => {\r\n  const [localImageSrc, setLocalImageSrc] = useState(null);\r\n  const { dispatchSiteConfig } = useSiteConfig();\r\n\r\n  useEffect(() => {\r\n    if (imageName) {\r\n      loadLocalImage(imageName)\r\n        .then((src) => {\r\n          setLocalImageSrc(src);\r\n          dispatchSiteConfig({\r\n            type: 'UPDATE_LOCAL_IMAGE_URL',\r\n            payload: src,\r\n          });\r\n        });\r\n    }\r\n  }, [imageName, dispatchSiteConfig]);\r\n\r\n  return localImageSrc;\r\n};\r\n","import { DefaultLocalImageName } from '@bingads-webui-campaign-react/static-local-image-selector';\r\n\r\nexport const proxyReadCoverComponentConfig = (componentConfig) => {\r\n  const {\r\n    imageId,\r\n    imageName,\r\n    imageWidth,\r\n    imageHeight,\r\n    cropSettings,\r\n    fileName,\r\n    editWithCropper,\r\n    externalSrc,\r\n  } = componentConfig;\r\n\r\n  return {\r\n    imageId,\r\n    imageName: imageName || (imageId ? null : DefaultLocalImageName),\r\n    imageWidth,\r\n    imageHeight,\r\n    cropSettings,\r\n    fileName,\r\n    editWithCropper,\r\n    externalSrc,\r\n  };\r\n};\r\n","import React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { getComponentById } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { useSiteConfig } from '@bingads-webui-campaign-react/smart-page-context';\r\n\r\nimport { SmartCoverImageViewWithCropper } from './smart-cover-image-view-with-cropper';\r\nimport { proxyReadCoverComponentConfig } from './component-config-reader';\r\n\r\nexport const SmartCoverImageConnector = ({ id, isEditMode }) => {\r\n  const { siteConfig } = useSiteConfig();\r\n  const i18n = useContext(I18nContext);\r\n  const componentConfig = getComponentById(siteConfig, id);\r\n  const {\r\n    ...imageConfigs\r\n  } = proxyReadCoverComponentConfig(componentConfig);\r\n\r\n  return useMemo(\r\n    () => (\r\n      <SmartCoverImageViewWithCropper\r\n        id={id}\r\n        isEditMode={isEditMode}\r\n        i18n={i18n}\r\n        {...imageConfigs}\r\n      />\r\n    ),\r\n    [i18n, id, imageConfigs, isEditMode]\r\n  );\r\n};\r\n\r\nSmartCoverImageConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { map, isEmpty } from 'underscore';\r\nimport Promise from 'bluebird';\r\nimport { ChoiceGroup } from '@fluentui/react/lib/ChoiceGroup';\r\nimport classnames from 'classnames';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { FontIcon } from '@fluentui/react/lib/Icon';\r\n\r\nimport { LocalImageNames, loadLocalImage } from '@bingads-webui-campaign-react/static-local-image-selector';\r\n\r\nconst imageOptionStyles = {\r\n  root: {\r\n    marginTop: 16,\r\n    marginRight: 13,\r\n  },\r\n  field: {\r\n    paddingBottom: 0,\r\n    paddingTop: 0,\r\n    zIndex: 1,\r\n  },\r\n  innerField: {\r\n    paddingLeft: 0,\r\n    paddingRight: 0,\r\n    zIndex: -1,\r\n  },\r\n  imageWrapper: {\r\n    paddingBottom: 0,\r\n  },\r\n  labelWrapper: {\r\n    display: 'none',\r\n  },\r\n};\r\nconst imageSize = { width: 135, height: 76 };\r\n\r\nconst getRadioButtonStyles = (_, { palette = {} }) => ({\r\n  selectedIcon: {\r\n    position: 'absolute',\r\n    top: 4,\r\n    right: 4,\r\n    backgroundColor: palette.accent,\r\n    width: 20,\r\n    height: 20,\r\n    color: 'white',\r\n    lineHeight: '18px',\r\n    textAlign: 'center',\r\n    borderRadius: '50%',\r\n    zIndex: 2,\r\n    boxSizing: 'border-box',\r\n    border: '1px solid white',\r\n  },\r\n  displayNone: {\r\n    display: 'none',\r\n  },\r\n  icon: {\r\n    fontSize: 12,\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n\r\nexport const LocalImagesSelect = ({\r\n  onSelected,\r\n  imageName,\r\n  hidden,\r\n  i18n,\r\n}) => {\r\n  const [images, setImages] = useState([]);\r\n  const classes = useDefaultStyles(getRadioButtonStyles);\r\n\r\n  const options = map(images, (imageSrc, index) => ({\r\n    key: LocalImageNames[index],\r\n    ariaLabel: i18n.getString(_TL_('Image {{number}}'), { number: index + 1 }),\r\n    imageSrc,\r\n    selectedImageSrc: imageSrc,\r\n    imageSize,\r\n    styles: imageOptionStyles,\r\n    height: 18,\r\n    width: 18,\r\n    onRenderField: (props, render) => (\r\n      <React.Fragment>\r\n        {render(props)}\r\n        <div\r\n          className={classnames(\r\n            classes.selectedIcon,\r\n            imageName !== LocalImageNames[index] && classes.displayNone\r\n          )}\r\n        >\r\n          <FontIcon aria-label=\"Accept\" iconName=\"Accept\" className={classes.icon} />\r\n        </div>\r\n      </React.Fragment>\r\n    ),\r\n  }));\r\n  const onChange = (event, option) => {\r\n    onSelected(option.key);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const imageLoaders = LocalImageNames.map(name => loadLocalImage(name, true /* isMobile */));\r\n\r\n    Promise.all(imageLoaders)\r\n      .then((loadedResult) => {\r\n        setImages(loadedResult);\r\n      });\r\n  }, []);\r\n\r\n  const invisibleChoiceGroupLabelId = 'invisible-image-select-choice-group-labelId';\r\n\r\n  return (\r\n    hidden || isEmpty(images) ? null :\r\n      (\r\n        <React.Fragment>\r\n          <div style={{ display: 'none' }} id={invisibleChoiceGroupLabelId} >\r\n            {i18n.getString(_TL_('Choose one image'))}\r\n          </div>\r\n          <ChoiceGroup\r\n            defaultSelectedKey={imageName}\r\n            options={options}\r\n            onChange={onChange}\r\n            styles\r\n            ariaLabelledBy={invisibleChoiceGroupLabelId}\r\n          />\r\n        </React.Fragment>\r\n      )\r\n  );\r\n};\r\n\r\nLocalImagesSelect.propTypes = {\r\n  onSelected: PropTypes.func.isRequired,\r\n  imageName: PropTypes.string,\r\n  hidden: PropTypes.bool.isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n};\r\n\r\nLocalImagesSelect.defaultProps = {\r\n  imageName: LocalImageNames[0],\r\n};\r\n","import React from 'react';\r\n\r\nimport { ImageOptionsKey } from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nimport { LocalImagesSelect } from './local-images-select';\r\n\r\nexport const getImageOptionsConfig = ({\r\n  onDefaultImageSelected,\r\n  imageName,\r\n  i18n,\r\n}) => (\r\n  {\r\n    [ImageOptionsKey.DEFAULT]: {\r\n      text: _TL_('Use image selected below'),\r\n      onRenderBelowField: checked => (<LocalImagesSelect\r\n        onSelected={onDefaultImageSelected}\r\n        imageName={imageName}\r\n        i18n={i18n}\r\n        hidden={!checked}\r\n      />),\r\n    },\r\n    [ImageOptionsKey.FACEBOOKIMPORT]: {\r\n      text: _TL_('Use cover image from Facebook'),\r\n    },\r\n  }\r\n);\r\n","import React, { useCallback, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getComponentById,\r\n  updateImageByMeta,\r\n  updateImageByName,\r\n  withInitialCropData,\r\n  updateImageByExternal,\r\n  getDataSourceByKey,\r\n  DATA_SOURCE_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  SmartImageEditor,\r\n  useExistingUploadedImage,\r\n  useUploadService,\r\n  ImageOptionsKey,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\nimport {\r\n  useSiteConfig,\r\n  useIsSmartPageM365StockImageEnabled,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useEditorStatusContext,\r\n  useMobileSupportEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport { getImageOptionsConfig } from './components/image-options';\r\nimport { getImageOptionsConfigForPivot } from './components/image-options-for-pivot';\r\nimport { proxyReadCoverComponentConfig } from './component-config-reader';\r\n\r\n\r\nconst getImageFromFacebookInfo = fbInfo => fbInfo.coverImage;\r\n\r\nconst UnstyledSmartCoverImageEditor = ({\r\n  classes,\r\n  i18n,\r\n  componentId,\r\n  gotoSettings,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    editorImgsContentClassName,\r\n    editorPivotStyleContentClassName,\r\n  } = useDefaultEditorStyle();\r\n  const isSmartPageM365StockImageEnabled = useIsSmartPageM365StockImageEnabled();\r\n  const { bulkUploadImagesByUrlsAsync } = useUploadService();\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const displayAsPivot = isSmartPageM365StockImageEnabled;\r\n  const isMobile = useMobileSupportEnabled();\r\n\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const businessCategories =\r\n    getDataSourceByKey(siteConfig, DATA_SOURCE_KEY_MAPPING.BusinessCategories);\r\n\r\n  const componentConfig = getComponentById(siteConfig, componentId);\r\n  const {\r\n    imageName,\r\n    fileName,\r\n    imageId,\r\n    externalSrc,\r\n  } = proxyReadCoverComponentConfig(componentConfig);\r\n\r\n  const {\r\n    selectedImageOption,\r\n    setSelectedImageOption,\r\n    facebookImageInfo,\r\n    setFacebookImageInfo,\r\n    uploadedFileInfo,\r\n    setUploadedFileInfo,\r\n    enableFacebookImport,\r\n    stockImageInfo,\r\n    setStockImageInfo,\r\n  } = useExistingUploadedImage({\r\n    imageId,\r\n    fileName,\r\n    externalSrc,\r\n  });\r\n\r\n  const dispatchConfigWithPayload = (payload) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload,\r\n    });\r\n  };\r\n\r\n  const onNewImageUploaded = (imageMetaData, fileObj) => {\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_IMAGES',\r\n      payload: {\r\n        imageIdsToRemove: imageId && [imageId],\r\n        imagesToAdd: [imageMetaData],\r\n      },\r\n    });\r\n\r\n    const imageMetaDataWithCropData = withInitialCropData(imageMetaData);\r\n\r\n    if (fileObj) {\r\n      setUploadedFileInfo({\r\n        file: fileObj,\r\n        image: imageMetaDataWithCropData,\r\n      });\r\n      dispatchConfigWithPayload(updateImageByMeta(\r\n        componentConfig,\r\n        imageMetaDataWithCropData,\r\n        fileObj\r\n      ));\r\n    } else {\r\n      setFacebookImageInfo(imageMetaDataWithCropData);\r\n      dispatchConfigWithPayload(updateImageByMeta(componentConfig, imageMetaDataWithCropData));\r\n    }\r\n  };\r\n\r\n  const onStockImageItemSelectionChanged = (item) => {\r\n    if (!stockImageInfo || stockImageInfo.externalSrc !== item.externalSrc) {\r\n      dispatchConfigWithPayload(updateImageByExternal(componentConfig, item.externalSrc));\r\n      setStockImageInfo({ externalSrc: item.externalSrc, image: null });\r\n    }\r\n  };\r\n\r\n  const onUseStockImageOption = (info) => {\r\n    dispatchConfigWithPayload(updateImageByExternal(componentConfig, info.externalSrc));\r\n  };\r\n\r\n  const onDefaultImageSelected = (selectedImageName) => {\r\n    dispatchConfigWithPayload(updateImageByName(componentConfig, selectedImageName));\r\n\r\n    // Remove old asset from other option\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_IMAGES',\r\n      payload: {\r\n        imageIdsToRemove: imageId && [imageId],\r\n      },\r\n    });\r\n  };\r\n\r\n  const imageOptionsConfig = displayAsPivot\r\n    ? getImageOptionsConfigForPivot({\r\n      i18n,\r\n      onStockImageItemSelectionChanged,\r\n      defaultKeywords: businessCategories,\r\n      enableFacebookImport,\r\n      gotoSettings,\r\n      classes: {\r\n        editorPivotStyleContentClassName,\r\n      },\r\n      facebookImageInfo,\r\n    })\r\n    : getImageOptionsConfig({ onDefaultImageSelected, imageName, i18n });\r\n\r\n  const postUploadStockImage = useCallback(() => {\r\n    if (selectedImageOption === ImageOptionsKey.DEFAULT\r\n      && stockImageInfo\r\n      && !stockImageInfo.image\r\n      && stockImageInfo.externalSrc\r\n    ) {\r\n      const srcUrl = stockImageInfo.externalSrc;\r\n\r\n      return bulkUploadImagesByUrlsAsync([srcUrl])\r\n        .then(([imageMeta]) => {\r\n          const { IdString: imageIdFromMeta } = imageMeta;\r\n\r\n          dispatchSiteConfig({\r\n            type: 'UPDATE_COVER_IMAGE',\r\n            payload: { imageId: imageIdFromMeta },\r\n          });\r\n\r\n          dispatchSiteConfig({\r\n            type: 'UPDATE_IMAGES',\r\n            payload: {\r\n              imageIdsToRemove: imageId && [imageId],\r\n              imagesToAdd: [imageMeta],\r\n            },\r\n          });\r\n\r\n          setStockImageInfo({ externalSrc: stockImageInfo.externalSrc, image: imageMeta });\r\n\r\n          return imageMeta;\r\n        })\r\n        .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus));\r\n    }\r\n\r\n    return Promise.resolve(null);\r\n  }, [\r\n    bulkUploadImagesByUrlsAsync,\r\n    dispatchSiteConfig,\r\n    selectedImageOption,\r\n    stockImageInfo,\r\n    imageId,\r\n    dispatchEditorStatus,\r\n    setStockImageInfo,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    dispatchEditorStatus({\r\n      type: 'SET_ON_EXIT_COMPONENT_EDITING_EFFECT',\r\n      payload: postUploadStockImage,\r\n    });\r\n  }, [postUploadStockImage, dispatchEditorStatus]);\r\n\r\n  return (\r\n    <div>\r\n      <h2 className={titleClassName}>\r\n        {i18n.getString(_TL_('Cover image'))}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {i18n.getString(_TL_('Choose a cover image that represents your business. For the best appearance, we recommend using a high-resolution image of 1080 x 608 pixels.'))}\r\n      </div>\r\n      <div className={editorImgsContentClassName}>\r\n        <SmartImageEditor\r\n          componentId={componentId}\r\n          i18n={i18n}\r\n          className={classNames({\r\n            [classes.mobileStyle]: isMobile,\r\n            'smart-page-cover-image-editor': true,\r\n          })}\r\n          getImageFromFacebookInfo={getImageFromFacebookInfo}\r\n          imageOptionsConfig={imageOptionsConfig}\r\n          label={i18n.getString(_TL_('Choose cover image'))}\r\n          onNewImageUploaded={onNewImageUploaded}\r\n          selectedKey={selectedImageOption}\r\n          uploadedFileInfo={uploadedFileInfo}\r\n          facebookImageInfo={facebookImageInfo}\r\n          stockImageInfo={stockImageInfo}\r\n          onUseStockImageOption={onUseStockImageOption}\r\n          onChoiceChange={setSelectedImageOption}\r\n          enableFacebookImport={enableFacebookImport}\r\n          displayAsPivot={displayAsPivot}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnstyledSmartCoverImageEditor.propTypes = {\r\n  classes: PropTypes.shape({}).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SmartCoverImageEditor = withDefaultStyles(\r\n  UnstyledSmartCoverImageEditor,\r\n  () => ({\r\n    mobileStyle: {\r\n      '@media (max-width: 600px)': {\r\n        paddingRight: 15,\r\n      },\r\n    },\r\n  })\r\n);\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport { Link } from '@fluentui/react';\r\nimport { ImageFit } from '@fluentui/react/lib/Image';\r\nimport {\r\n  ImageOptionsKey,\r\n  SelectImagesListViewWithSearch,\r\n  SmartImage,\r\n} from '@bingads-webui-campaign-react/smart-component-image';\r\n\r\nconst IMAGE_WIDTH = 210;\r\nconst IMAGE_HEIGHT = 175;\r\nconst PAGE_HEIGHT = 432;\r\n\r\nexport const getImageOptionsConfigForPivot = ({\r\n  i18n,\r\n  onStockImageItemSelectionChanged,\r\n  defaultKeywords,\r\n  enableFacebookImport,\r\n  gotoSettings,\r\n  classes,\r\n  facebookImageInfo,\r\n}) => (\r\n  {\r\n    [ImageOptionsKey.DEFAULT]: {\r\n      text: _TL_('Stock image'),\r\n      onRenderItemLink: () => (\r\n        <div className={classes.editorPivotStyleContentClassName}>\r\n          <SelectImagesListViewWithSearch\r\n            onItemSelectionChanged={onStockImageItemSelectionChanged}\r\n            pageHeight={PAGE_HEIGHT}\r\n            imageWidth={IMAGE_WIDTH}\r\n            imageHeight={IMAGE_HEIGHT}\r\n            isMultiple={false}\r\n            i18n={i18n}\r\n            itemsPerPage={4}\r\n            defaultKeywords={defaultKeywords}\r\n          />\r\n        </div>\r\n      ),\r\n    },\r\n    [ImageOptionsKey.FACEBOOKIMPORT]: {\r\n      text: _TL_('From Facebook'),\r\n      onRenderItemLink: () => {\r\n        let labelText = _TL_('Sync your Facebook Business Page with your Smart Page to use the same cover image.');\r\n        let fbContent = (\r\n          <Link\r\n            className=\"go-to-settings-page-link\"\r\n            onClick={gotoSettings}\r\n          >\r\n            {i18n.getString(_TL_('Connect your accounts now'))}\r\n          </Link>);\r\n\r\n        if (enableFacebookImport) {\r\n          labelText = _TL_('Use your Facebook Business Page\\'s cover photo.');\r\n          fbContent = facebookImageInfo ?\r\n            (\r\n              <SmartImage\r\n                imageId={facebookImageInfo.IdString}\r\n                resizeWidth={435}\r\n                height={300}\r\n                width={435}\r\n                imageFit={ImageFit.contain}\r\n              />\r\n            ) : null;\r\n        }\r\n\r\n        return (\r\n          <div className={classNames(classes.editorPivotStyleContentClassName, 'facebook-cover-image-import-content')}>\r\n            <p className=\"facebook-cover-image-description\">{i18n.getString(labelText)}</p>\r\n            <div className=\"facebook-cover-image-content-container\">\r\n              {fbContent}\r\n            </div>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n  }\r\n);\r\n","export const REVIEW_CARD_MODE = {\r\n  VIEW_MODE: 'viewMode',\r\n  EDIT_MODE: 'editMode',\r\n};\r\n\r\nexport const REVIEW_TYPE = {\r\n  FACEBOOK_REVIEW: 'FacebookReview',\r\n  CUSTOM_REVIEW: 'CustomReview',\r\n};\r\n\r\nexport const FB_REVIEW_FILTER_KEY = {\r\n  ALL: 'All',\r\n  POSITIVE: 'Positive',\r\n};\r\n\r\nexport const authorLimit = 30;\r\nexport const softLimit = 200;\r\nexport const hardLimit = 500;\r\nexport const MaxReviewsCount = 10;\r\n\r\nexport const POSITIVE_REVIEW_TYPE = 'Positive';\r\n","import React, { useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Image } from '@fluentui/react/lib/Image';\r\nimport {\r\n  getImageUrlById,\r\n  transformDateWithLocaleForEditMode,\r\n  removeStringEmoji,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  useIsSmartPageImprovedReviewsEnabled,\r\n  useInstrumentationServiceContext,\r\n  useSiteConfig,\r\n  useCurrentLocale,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { CircleLogo, proxyReadLogoConfig } from '@bingads-webui-campaign-react/smart-component-image';\r\nimport { TooltipWrapper } from '@bingads-webui-campaign-react/smart-component-primitive';\r\n\r\nimport { REVIEW_CARD_MODE, POSITIVE_REVIEW_TYPE, REVIEW_TYPE } from './constants';\r\n\r\nconst getStyles = (_, { palette = {} }) => ({\r\n  reviewerPhoto: {\r\n    position: 'absolute',\r\n    borderRadius: 50,\r\n    marginRight: 12,\r\n    width: 40,\r\n    height: 40,\r\n    background: '#C4C4C4',\r\n  },\r\n  headerContent: {\r\n    minHeight: 40,\r\n    marginLeft: 52,\r\n    overflow: 'hidden',\r\n    width: 'calc(100% - 90px)',\r\n  },\r\n  recommendationType: {\r\n    display: 'inline-block',\r\n    verticalAlign: 'middle',\r\n  },\r\n  reviewerName: {\r\n    fontWeight: 600,\r\n    display: 'inline-block',\r\n    verticalAlign: 'middle',\r\n    maxWidth: '60%',\r\n    overflow: 'hidden',\r\n    whiteSpace: 'nowrap',\r\n    textOverflow: 'ellipsis',\r\n  },\r\n  reviewHeadline: {\r\n    display: 'flex',\r\n  },\r\n  reviewerNameLogo: {\r\n    width: 40,\r\n    height: 40,\r\n    position: 'absolute',\r\n    marginRight: 12,\r\n    borderRadius: '50%',\r\n    MozBorderRadius: '50%',\r\n    WebkitBorderRadius: '50%',\r\n  },\r\n  createdTime: {\r\n    display: 'block',\r\n    color: palette.tertiaryText,\r\n    fontSize: 12,\r\n    marginTop: 2,\r\n  },\r\n  businessName: {\r\n    display: 'inline-block',\r\n    verticalAlign: 'middle',\r\n    fontWeight: 600,\r\n    textOverflow: 'ellipsis',\r\n    whiteSpace: 'nowrap',\r\n    overflow: 'hidden',\r\n    width: '100%',\r\n  },\r\n  reviewText: {\r\n    display: 'block',\r\n    marginTop: 12,\r\n    wordBreak: 'break-word',\r\n    whiteSpace: 'pre-line',\r\n  },\r\n  [REVIEW_CARD_MODE.EDIT_MODE]: {\r\n    '& .card': {\r\n      position: 'relative',\r\n    },\r\n  },\r\n  [REVIEW_CARD_MODE.VIEW_MODE]: {\r\n    marginBottom: 60,\r\n    '& .card': {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      position: 'relative',\r\n      padding: '15px 0px',\r\n      width: 350,\r\n      height: 185,\r\n      margin: '0 15px',\r\n      background: palette.cardBackground,\r\n      boxShadow: '0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)',\r\n      borderRadius: 2,\r\n      '& .review-headline': {\r\n        color: palette.secondaryText,\r\n        margin: '0px 20px 10px 20px',\r\n      },\r\n      '& .review-text': {\r\n        color: palette.secondaryText,\r\n        margin: '0px 11px 0px 20px',\r\n        textOverflow: 'ellipsis',\r\n        display: '-webkit-box',\r\n        WebkitBoxOrient: 'vertical',\r\n        WebkitLineClamp: 4,\r\n        lineHeight: 1.4,\r\n        fontSize: '14px',\r\n      },\r\n    },\r\n  },\r\n  fbIcon: {\r\n    color: '#1877F2',\r\n    fontSize: 18,\r\n    lineHeight: '18px',\r\n    fontFamily: 'MsAds MDL2 Assets',\r\n    '&:before': {\r\n      content: '\"\\\\ECB3\"',\r\n    },\r\n  },\r\n});\r\n\r\nconst getRecommendationText = (recommendationType, i18n) => {\r\n  if (recommendationType === POSITIVE_REVIEW_TYPE) {\r\n    return i18n.getString(_TL_('recommends'));\r\n  }\r\n  return i18n.getString(_TL_('does not recommend'));\r\n};\r\n\r\nconst UnStyledSmartReviewCard = ({\r\n  item,\r\n  classes,\r\n  i18n,\r\n  mode,\r\n}) => {\r\n  const isSmartPageImprovedReviewsEnabled = useIsSmartPageImprovedReviewsEnabled();\r\n  const logger = useInstrumentationServiceContext();\r\n  const { siteConfig } = useSiteConfig();\r\n  const locale = useCurrentLocale();\r\n  const {\r\n    reviewText,\r\n    recommendationType,\r\n    reviewer = {},\r\n    createdTime,\r\n    type,\r\n  } = item;\r\n  const transformedCreateTime = transformDateWithLocaleForEditMode(createdTime, locale);\r\n  const src = getImageUrlById(siteConfig, reviewer.imageId) || reviewer.picture;\r\n  const {\r\n    label: businessName,\r\n  } = proxyReadLogoConfig({ i18n, siteConfig });\r\n\r\n  const reviewSourceIcon = useMemo(() => {\r\n    if (!isSmartPageImprovedReviewsEnabled) {\r\n      return null;\r\n    }\r\n\r\n    if (type !== REVIEW_TYPE.CUSTOM_REVIEW) {\r\n      return (<div className={classNames('review-source-icon-fb', classes.fbIcon)} />);\r\n    }\r\n\r\n    return null;\r\n  }, [type, classes, isSmartPageImprovedReviewsEnabled]);\r\n\r\n  useEffect(() => {\r\n    if (logger) {\r\n      logger.logTrace(`transformed CreateTime ${createdTime} to locale ${locale} string ${transformedCreateTime}`);\r\n    }\r\n  }, [createdTime, locale, logger, transformedCreateTime]);\r\n\r\n  return (\r\n    <div className={classes[mode]} >\r\n      <div className=\"card\" >\r\n        <div className={classNames(classes.reviewHeadline, 'review-headline')}>\r\n          {\r\n            src && <Image\r\n              src={src}\r\n              alt=\"\"\r\n              className={classes.reviewerPhoto}\r\n              height={40}\r\n              width={40}\r\n            />\r\n          }\r\n          {\r\n            !src &&\r\n            <CircleLogo\r\n              name={reviewer.name ? removeStringEmoji(reviewer.name) : ''}\r\n              className={classes.reviewerNameLogo}\r\n            />\r\n          }\r\n          <div className={classes.headerContent}>\r\n            <span className={classNames(classes.reviewerName, 'reviewer')} title={reviewer.name}>\r\n              {reviewer.name}\r\n            </span>\r\n            {reviewer.name && ' '}\r\n            <span className={classes.recommendationType}>\r\n              {getRecommendationText(recommendationType, i18n)}\r\n            </span>\r\n            {' '}\r\n            <span className={classNames(classes.businessName, 'businessName')} title={businessName}>\r\n              {businessName}\r\n            </span>\r\n            {\r\n              (type !== REVIEW_TYPE.CUSTOM_REVIEW) &&\r\n              <span className={classNames(classes.createdTime, 'created-time')}>\r\n                {transformedCreateTime}\r\n              </span>\r\n            }\r\n          </div>\r\n          {\r\n            mode === REVIEW_CARD_MODE.EDIT_MODE && reviewSourceIcon\r\n          }\r\n        </div>\r\n        <TooltipWrapper content={reviewText} lineClamp={4}>\r\n          <span className={classNames(classes.reviewText, 'review-text')}>\r\n            {reviewText}\r\n          </span>\r\n        </TooltipWrapper>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartReviewCard.propTypes = {\r\n  item: PropTypes.shape({\r\n    reviewText: PropTypes.string.isRequired,\r\n    recommendationType: PropTypes.string.isRequired,\r\n    reviewer: PropTypes.shape({\r\n      name: PropTypes.string.isRequired,\r\n      picture: PropTypes.string,\r\n      imageId: PropTypes.string,\r\n    }).isRequired,\r\n    createdTime: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    reviewHeadline: PropTypes.string.isRequired,\r\n    reviewerPhoto: PropTypes.string.isRequired,\r\n    createdTime: PropTypes.string.isRequired,\r\n    reviewText: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  mode: PropTypes.string,\r\n};\r\n\r\nUnStyledSmartReviewCard.defaultProps = {\r\n  mode: REVIEW_CARD_MODE.EDIT_MODE,\r\n};\r\n\r\n\r\nexport const SmartReviewCard = withDefaultStyles(\r\n  UnStyledSmartReviewCard,\r\n  getStyles\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { useClientContext } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { ItemCarousel, } from '@bingads-webui-campaign-react/smart-component-card';\r\nimport { withErrorView } from '@bingads-webui-campaign-react/smart-page-error-boundary';\r\nimport { SmartReviewCard } from './components/smart-review-card';\r\n\r\nconst getStyles = components => ({\r\n  title: {\r\n    ...components.sectionTitle,\r\n  },\r\n  reviewContainer: {\r\n    ...components.section,\r\n  },\r\n  reviewContainerMargin: {\r\n    marginLeft: '7%',\r\n    marginRight: '7%',\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartReviewView = ({\r\n  classes,\r\n  i18n,\r\n  reviews,\r\n  id,\r\n}) => {\r\n  const { isMobile, responsiveMode } = useClientContext();\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      className={classNames(\r\n        classes.reviewContainer,\r\n        !isMobile && classes.reviewContainerMargin\r\n      )}\r\n    >\r\n      <h2 className={classNames(classes.title, 'component-title')}>\r\n        {i18n.getString(_TL_('Testimonials'))}\r\n      </h2>\r\n      <div>\r\n        <ItemCarousel\r\n          items={reviews}\r\n          responsiveSize={responsiveMode}\r\n          i18n={i18n}\r\n          CardComponent={SmartReviewCard}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartReviewView.propTypes = {\r\n  classes: PropTypes.shape({\r\n    title: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  reviews: PropTypes.arrayOf(PropTypes.shape({\r\n    id: PropTypes.string,\r\n  })).isRequired,\r\n  id: PropTypes.string.isRequired,\r\n};\r\n\r\nexport const SmartReviewView = withErrorView(withDefaultStyles(\r\n  UnStyledSmartReviewView,\r\n  getStyles\r\n), 'componentMode');\r\n","import { REVIEW_TYPE } from './components/constants';\r\n\r\nexport const reviewDataProperties = {\r\n  id: 'Id',\r\n  type: 'Type',\r\n  recommendationType: 'RecommendationType',\r\n  reviewText: 'Text',\r\n  createdTime: 'CreatedTime',\r\n  updatedTime: 'UpdatedTime',\r\n  reviewer: 'Reviewer',\r\n};\r\n\r\nexport const reviewerDataProperties = {\r\n  name: 'Name',\r\n  picture: 'PictureUrl',\r\n  fbPictureSrc: 'FbPictureUrl',\r\n  imageId: 'ImageId',\r\n};\r\n\r\nexport const convertModelToConfig = (mtModel) => {\r\n  const result = {\r\n    id: mtModel[reviewDataProperties.id],\r\n    type: mtModel[reviewDataProperties.type] || REVIEW_TYPE.FACEBOOK_REVIEW,\r\n    recommendationType: mtModel[reviewDataProperties.recommendationType],\r\n    reviewText: mtModel[reviewDataProperties.reviewText],\r\n    createdTime: mtModel[reviewDataProperties.createdTime],\r\n    updatedTime: mtModel[reviewDataProperties.updatedTime],\r\n  };\r\n\r\n  const reviewer = mtModel[reviewDataProperties.reviewer];\r\n  if (reviewer) {\r\n    result.reviewer = {\r\n      name: reviewer[reviewerDataProperties.name],\r\n      picture: reviewer[reviewerDataProperties.picture],\r\n      fbPictureSrc: reviewer[reviewerDataProperties.fbPictureSrc],\r\n      imageId: reviewer[reviewerDataProperties.imageId],\r\n    };\r\n  }\r\n\r\n  return result;\r\n};\r\n\r\nexport const covertConfigToModel = (config) => {\r\n  const result = {\r\n    [reviewDataProperties.id]: config.id,\r\n    [reviewDataProperties.type]: config.type || REVIEW_TYPE.FACEBOOK_REVIEW,\r\n    [reviewDataProperties.recommendationType]: config.recommendationType,\r\n    [reviewDataProperties.reviewText]: config.reviewText,\r\n    [reviewDataProperties.createdTime]: config.createdTime,\r\n    [reviewDataProperties.updatedTime]: config.updatedTime,\r\n  };\r\n\r\n  const { reviewer } = config;\r\n  if (reviewer) {\r\n    result[reviewDataProperties.reviewer] = {\r\n      [reviewerDataProperties.name]: reviewer.name,\r\n      [reviewerDataProperties.picture]: reviewer.picture,\r\n      [reviewerDataProperties.fbPictureSrc]: reviewer.fbPictureSrc,\r\n      [reviewerDataProperties.imageId]: reviewer.imageId,\r\n    };\r\n  }\r\n\r\n  return result;\r\n};\r\n","import { isArray } from 'underscore';\r\n\r\nimport {\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n  getWebsiteSourceDataByKey,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { convertModelToConfig } from './data-config';\r\n\r\nconst componentKey = WEBSITE_SOURCE_DATA_KEY_MAPPING.Reviews;\r\n\r\nexport const proxyReadReviewsComponentConfig = (siteConfig) => {\r\n  const componentConfig = getWebsiteSourceDataByKey(siteConfig, componentKey);\r\n  const reviews = isArray(componentConfig) ? componentConfig : [];\r\n\r\n  return reviews.map(convertModelToConfig);\r\n};\r\n","import { isEmpty } from 'underscore';\r\nimport React, { useContext, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useSiteConfig, useIsSmartPageImprovedReviewsEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport {\r\n  getComponentById\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\n\r\nimport { SmartReviewView } from './smart-review-view';\r\nimport { proxyReadReviewsComponentConfig } from './component-config-reader';\r\n\r\nexport const SmartReviewConnector = ({ id }) => {\r\n  const i18n = useContext(I18nContext);\r\n  const isSmartPageImprovedReviewsEnabled = useIsSmartPageImprovedReviewsEnabled();\r\n\r\n  const { siteConfig } = useSiteConfig();\r\n\r\n  let reviews;\r\n  if (isSmartPageImprovedReviewsEnabled) {\r\n    reviews = proxyReadReviewsComponentConfig(siteConfig);\r\n  }\r\n\r\n  if (!reviews || isEmpty(reviews)) {\r\n    ({ reviews = [] } = getComponentById(siteConfig, id));\r\n  }\r\n\r\n  return useMemo(() => (\r\n    isEmpty(reviews)\r\n      ? null\r\n      : <SmartReviewView\r\n        i18n={i18n}\r\n        id={id}\r\n        reviews={reviews}\r\n      />\r\n  ), [i18n, id, reviews]);\r\n};\r\n\r\nSmartReviewConnector.propTypes = {\r\n  id: PropTypes.string.isRequired,\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { UiBlocker } from '@bingads-webui-react/ui-blocker';\r\nimport { useUploadService } from '@bingads-webui-campaign-react/smart-component-image';\r\nimport { Loading } from '@bingads-webui-campaign-react/smart-component-primitive';\r\nimport { useIsSmartPageImprovedReviewsEnabled } from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { ItemPicker } from '@bingads-webui-campaign-react/smart-component-card';\r\n\r\nimport { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\nimport { useDefaultEditorStyle } from '@bingads-webui-campaign-react/smart-component-util';\r\nimport { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';\r\nimport { Dropdown } from '@fluentui/react/lib/Dropdown';\r\n\r\nimport { SmartReviewCard } from './smart-review-card';\r\nimport { FB_REVIEW_FILTER_KEY } from './constants';\r\n\r\nconst itemPickerLimit = 10;\r\nconst getStyles = () => ({\r\n  reviewsPicker: {\r\n    display: 'block',\r\n  },\r\n  reviewFilterSection: {\r\n    marginBottom: 31,\r\n  },\r\n  connectFacebookDialog: {\r\n    paddingBottom: 32,\r\n    textAlign: 'center',\r\n  },\r\n  connectFacebookMsg: {\r\n    marginTop: 8,\r\n    marginBottom: 16,\r\n  },\r\n  loading: {\r\n    height: '200px',\r\n  },\r\n});\r\n\r\nconst UnStyledSelectReviewDialog = ({\r\n  i18n,\r\n  classes,\r\n  onAdd,\r\n  onCancel,\r\n  reviews,\r\n  preselectedReviews,\r\n  isFbSupported,\r\n  isFbInitializing,\r\n  gotoSettings,\r\n}) => {\r\n  const isSmartPageImprovedReviewsEnabled = useIsSmartPageImprovedReviewsEnabled();\r\n  const { dialogClassName } = useDefaultEditorStyle();\r\n  const defaultState = {};\r\n  const [currentReviews, setCurrentReviews] = useState(reviews);\r\n  const [currentReviewFilter, setCurrentReviewFilter] = useState(FB_REVIEW_FILTER_KEY.ALL);\r\n\r\n  _.each(preselectedReviews, (review) => {\r\n    defaultState[review] = true;\r\n  });\r\n\r\n  const [selectedReviewIds, setSelectedReviewIds] = useState(defaultState);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  const { bulkUploadImagesByUrlsAsync } = useUploadService();\r\n\r\n  const reviewFilterOptions = [\r\n    { key: FB_REVIEW_FILTER_KEY.ALL, text: i18n.getString(_TL_('All')) },\r\n    { key: FB_REVIEW_FILTER_KEY.POSITIVE, text: i18n.getString(_TL_('Positive reviews only')) },\r\n  ];\r\n\r\n  const onFilterChange = (event, item) => {\r\n    const filteredReviews = _.filter(reviews, review => item.key === FB_REVIEW_FILTER_KEY.ALL ||\r\n      review.recommendationType === item.key);\r\n    setCurrentReviews(filteredReviews);\r\n    setCurrentReviewFilter(item.key);\r\n  };\r\n\r\n  const onSelectChange = ({ id, isChecked }) => {\r\n    setSelectedReviewIds(prevState => (\r\n      isChecked ? {\r\n        ...prevState,\r\n        [id]: isChecked,\r\n      } : _.omit(prevState, id)));\r\n  };\r\n\r\n  const onAddClicked = () => {\r\n    const selectedReviews = _.filter(currentReviews, review => !!selectedReviewIds[review.id]);\r\n    const photosToUpload = _.compact(_.map(\r\n      selectedReviews,\r\n      review => review.reviewer && !review.reviewer.fbPictureSrc && review.reviewer.picture\r\n    ));\r\n\r\n    bulkUploadImagesByUrlsAsync(photosToUpload)\r\n      .finally((() => {\r\n        setIsLoading(true);\r\n        return () => {\r\n          setIsLoading(false);\r\n        };\r\n      })())\r\n      .then((result) => {\r\n        let imageResult = result;\r\n        if (_.isArray(result)) {\r\n          let imageIndex = 0;\r\n          _.map(selectedReviews, (selectedReview) => {\r\n            const newReview = { ...selectedReview };\r\n            if (newReview.reviewer.picture && imageIndex < imageResult.length) {\r\n              const { IdString, ImageUrl } = imageResult[imageIndex];\r\n              newReview.reviewer.fbPictureSrc = newReview.reviewer.picture;\r\n              newReview.reviewer.imageId = IdString;\r\n              // New added picture will use Bing url to replace original picture (fb src)\r\n              newReview.reviewer.picture = ImageUrl;\r\n              imageIndex += 1;\r\n            }\r\n            return newReview;\r\n          });\r\n        } else {\r\n          imageResult = [{ imageId: result.imageId, imageUrl: result.ImageUrl }];\r\n        }\r\n        onAdd({ newSelections: selectedReviews, imageResult });\r\n      });\r\n  };\r\n\r\n  const dialogContentProps = {\r\n    className: dialogClassName,\r\n    type: DialogType.close,\r\n    title: i18n.getString(_TL_('Select reviews')),\r\n    subText: isFbSupported && (\r\n      isSmartPageImprovedReviewsEnabled ?\r\n        i18n.getString(_TL_('Add or edit your Facebook reviews. You can have up to 10 reviews total on your smart page.')) :\r\n        i18n.getString(_TL_('Add and edit your selection of your Facebook reviews. You can select up to 10.'))\r\n    ),\r\n    showCloseButton: false,\r\n    closeButtonAriaLabel: i18n.getString(_TL_('Close')),\r\n  };\r\n  const items = _.filter(currentReviews, review =>\r\n    (_.indexOf(preselectedReviews, review.id) === -1));\r\n\r\n  _.map(items, (item) => {\r\n    _.extend(item, {\r\n      selected: !!selectedReviewIds[item.id],\r\n      selectable: _.size(selectedReviewIds) < itemPickerLimit ?\r\n        true : !!selectedReviewIds[item.id],\r\n    });\r\n  });\r\n\r\n  const isAddBtnDisabled = () => {\r\n    const checkedItems = [];\r\n    _.map(_.keys(selectedReviewIds), (id) => {\r\n      if (selectedReviewIds[id] && _.indexOf(preselectedReviews, id) === -1) {\r\n        checkedItems.push(id);\r\n      }\r\n    });\r\n    return _.isEmpty(checkedItems);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setCurrentReviews(reviews);\r\n  }, [reviews]);\r\n\r\n  return (\r\n    <Dialog\r\n      hidden={false}\r\n      onDismiss={onCancel}\r\n      dialogContentProps={dialogContentProps}\r\n      minWidth={613}\r\n      modalProps={{ isBlocking: true }}\r\n    >\r\n      {\r\n        (!isFbSupported && !isFbInitializing) ?\r\n          <div className={classes.connectFacebookDialog}>\r\n            <MessageBar isMultiline className={classes.connectFacebookMsg}>\r\n              {i18n.getString(_TL_('Before you can import reviews from your Facebook Business Page, you must connect to Facebook.'))}\r\n            </MessageBar>\r\n            <PrimaryButton\r\n              onClick={gotoSettings}\r\n              text={i18n.getString(_TL_('Connect to Facebook'))}\r\n            />\r\n          </div>\r\n          :\r\n          <div>\r\n            {\r\n              isFbInitializing ?\r\n                <Loading className={classes.loading} />\r\n                :\r\n                <UiBlocker blocking={isLoading} loadingText={i18n.getString(_TL_('Adding'))} >\r\n                  <div className={classes.reviewFilterSection}>\r\n                    <Dropdown\r\n                      placeholder={i18n.getString(_TL_('Select an option'))}\r\n                      label={i18n.getString(_TL_('Filter reviews'))}\r\n                      options={reviewFilterOptions}\r\n                      selectedKey={currentReviewFilter}\r\n                      onChange={onFilterChange}\r\n                    />\r\n                  </div>\r\n                  <ItemPicker\r\n                    className={classes.reviewsPicker}\r\n                    i18n={i18n}\r\n                    ItemComponent={SmartReviewCard}\r\n                    onSelectChange={onSelectChange}\r\n                    selectable\r\n                    items={items}\r\n                    limit={itemPickerLimit}\r\n                    selectedIds={selectedReviewIds}\r\n                    noDataLabel={_TL_('There are no Facebook reviews to import from the last 2 years.')}\r\n                  />\r\n\r\n                  <DialogFooter>\r\n                    <DefaultButton onClick={onCancel} text={i18n.getString(_TL_('Cancel'))} />\r\n                    <PrimaryButton disabled={isAddBtnDisabled()} onClick={onAddClicked} text={i18n.getString(_TL_('Add'))} />\r\n                  </DialogFooter>\r\n                </UiBlocker>\r\n            }\r\n          </div>\r\n      }\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nUnStyledSelectReviewDialog.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  classes: PropTypes.shape({\r\n    reviewsPicker: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  onAdd: PropTypes.func.isRequired,\r\n  onCancel: PropTypes.func.isRequired,\r\n  reviews: PropTypes.arrayOf(PropTypes.shape({\r\n    reviewText: PropTypes.string.isRequired,\r\n    recommendationType: PropTypes.string.isRequired,\r\n    reviewer: PropTypes.shape({\r\n      name: PropTypes.string.isRequired,\r\n      picture: PropTypes.string,\r\n      imageId: PropTypes.string,\r\n    }).isRequired,\r\n    createdTime: PropTypes.string.isRequired,\r\n    businessName: PropTypes.string.isRequired,\r\n    id: PropTypes.string.isRequired,\r\n  })).isRequired,\r\n  preselectedReviews: PropTypes.arrayOf(PropTypes.shape({\r\n    id: PropTypes.string,\r\n  })).isRequired,\r\n  isFbInitializing: PropTypes.bool.isRequired,\r\n  isFbSupported: PropTypes.bool.isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SelectReviewDialog = withDefaultStyles(\r\n  UnStyledSelectReviewDialog,\r\n  getStyles\r\n);\r\n","import { REVIEW_TYPE, POSITIVE_REVIEW_TYPE } from './constants';\r\n\r\nexport function generateReview({\r\n  current,\r\n  time,\r\n  cardId,\r\n  cardAuthor,\r\n  cardMessage,\r\n}) {\r\n  if (current) {\r\n    return {\r\n      ...current,\r\n      type: REVIEW_TYPE.CUSTOM_REVIEW,\r\n      recommendationType: POSITIVE_REVIEW_TYPE,\r\n      updatedTime: time,\r\n      reviewText: cardMessage,\r\n      reviewer: {\r\n        name: cardAuthor,\r\n      },\r\n    };\r\n  }\r\n\r\n  return {\r\n    id: cardId,\r\n    type: REVIEW_TYPE.CUSTOM_REVIEW,\r\n    recommendationType: POSITIVE_REVIEW_TYPE,\r\n    createdTime: time,\r\n    reviewText: cardMessage,\r\n    reviewer: {\r\n      name: cardAuthor,\r\n    },\r\n  };\r\n}\r\n\r\nexport function mapReviewToCard(review) {\r\n  return {\r\n    author: review.reviewer && review.reviewer.name,\r\n    message: review.reviewText,\r\n    time: review.createdTime,\r\n  };\r\n}\r\n","import React, { useContext, useState, useEffect, useCallback, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { map, uniq, sortBy, union, isEmpty } from 'underscore';\r\nimport {\r\n  useDefaultEditorStyle,\r\n  getComponentById,\r\n  useFloatingBannerMessage,\r\n  WEBSITE_SOURCE_DATA_KEY_MAPPING,\r\n} from '@bingads-webui-campaign-react/smart-component-util';\r\nimport {\r\n  DataServiceContext,\r\n  useEditorStatusContext,\r\n  useSiteConfig,\r\n  editorStatusLoadingWrapperForPromise,\r\n  useInstrumentationServiceContext,\r\n  useIsSmartPageImprovedReviewsEnabled,\r\n} from '@bingads-webui-campaign-react/smart-page-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport {\r\n  facebookPageInfoFilter,\r\n  importFromFacebook,\r\n  hasFBOAuthError,\r\n} from '@bingads-webui-campaign-react/smart-page-facebook-import-dialog';\r\nimport { ItemPicker, CardDialog } from '@bingads-webui-campaign-react/smart-component-card';\r\n\r\nimport { CommandBarButton } from '@fluentui/react/lib/Button';\r\nimport { MessageBar } from '@fluentui/react/lib/MessageBar';\r\n\r\nimport { SelectReviewDialog } from './components/select-review-dialog';\r\nimport { SmartReviewCard } from './components/smart-review-card';\r\nimport { generateReview, mapReviewToCard } from './components/review-helper';\r\nimport { useDataState } from './components/use-data-state';\r\nimport { proxyReadReviewsComponentConfig } from './component-config-reader';\r\nimport { covertConfigToModel } from './data-config';\r\nimport { REVIEW_TYPE, MaxReviewsCount, authorLimit, softLimit, hardLimit } from './components/constants';\r\n\r\nconst componentKey = WEBSITE_SOURCE_DATA_KEY_MAPPING.Reviews;\r\n\r\nconst editableConditionCheck = review => review.type === REVIEW_TYPE.CUSTOM_REVIEW;\r\n\r\nconst getStyles = () => ({\r\n  reviewsListLabel: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center',\r\n    margin: '0px 38px 28px 20px',\r\n  },\r\n  reviewsList: {\r\n    paddingTop: 7,\r\n  },\r\n  addBtn: {\r\n    backgroundColor: 'transparent',\r\n    '&:enabled': {\r\n      color: '#0063B1',\r\n    },\r\n  },\r\n  dropDownBtn: {\r\n    height: 26,\r\n  },\r\n  noData: {\r\n    background: '#F3F2F0',\r\n    padding: '24px 22px',\r\n  },\r\n  commonIcon: {\r\n    color: '#0078D4',\r\n    fontSize: '16px',\r\n    lineHeight: '16px',\r\n    margin: '0px 4px',\r\n    fontFamily: 'MsAds MDL2 Assets',\r\n    fontStyle: 'normal',\r\n  },\r\n  fbIcon: {\r\n    '&:before': {\r\n      content: '\"\\\\ECB3\"',\r\n    },\r\n  },\r\n  editCreateIcon: {\r\n    '&:before': {\r\n      content: '\"\\\\F3C9\"',\r\n    },\r\n  },\r\n});\r\n\r\nexport const UnStyledSmartReviewEditor = ({\r\n  i18n,\r\n  componentId,\r\n  classes,\r\n  gotoSettings,\r\n}) => {\r\n  const {\r\n    titleClassName,\r\n    descriptionClassName,\r\n    sectionTitleClassName,\r\n    infoMessageBarClassName,\r\n  } = useDefaultEditorStyle();\r\n  const isSmartPageImprovedReviewsEnabled = useIsSmartPageImprovedReviewsEnabled();\r\n  const [, dispatchEditorStatus] = useEditorStatusContext();\r\n  const { siteConfig, dispatchSiteConfig } = useSiteConfig();\r\n  const { smartPageService, hostSystemScenario } = useContext(DataServiceContext);\r\n  const [startFetchFbReviews, setStartFetchFbReviews] = useState(false);\r\n  const [isFbSupported, setIsFbSupported] = useState(false);\r\n  const [isFbInitializing, setIsFbInitializing] = useState(true);\r\n  const [allFbReviews, setAllFbReviews] = useState([]);\r\n  const [targetReview, setTargetReview] = useState(undefined);\r\n  const [showFbImportDialog, setShowFbImportDialog] = useState(false);\r\n  const [showCreateReviewDialog, setShowCreateReviewDialog] = useState(false);\r\n  const { showWarning } = useFloatingBannerMessage(dispatchEditorStatus);\r\n  const logger = useInstrumentationServiceContext();\r\n\r\n  const componentConfig = getComponentById(siteConfig, componentId) || {};\r\n  let reviews;\r\n  if (isSmartPageImprovedReviewsEnabled) {\r\n    reviews = proxyReadReviewsComponentConfig(siteConfig);\r\n  }\r\n\r\n  if (!reviews || isEmpty(reviews)) {\r\n    ({ reviews = [] } = componentConfig);\r\n  }\r\n\r\n  const [selectedReviews, setSelectedReviews] = useState(reviews);\r\n  const { noDataMsgKey, noData } = useDataState(allFbReviews, selectedReviews);\r\n\r\n  const onSaveChange = useCallback(({ newSelections, imageResult }) => {\r\n    const allSelectedReviews = sortBy(\r\n      uniq(union(newSelections, selectedReviews || []), review => review.id),\r\n      review => new Date(review.createdTime).getTime() || 0\r\n    ).reverse();\r\n    if (isSmartPageImprovedReviewsEnabled) {\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n        payload: {\r\n          name: componentKey,\r\n          value: allSelectedReviews.map(covertConfigToModel),\r\n        },\r\n      });\r\n    }\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_COMPONENT_BY_ID',\r\n      payload: {\r\n        ...componentConfig,\r\n        reviews: allSelectedReviews,\r\n      },\r\n    });\r\n\r\n    dispatchSiteConfig({\r\n      type: 'UPDATE_IMAGES',\r\n      payload: {\r\n        imagesToAdd: imageResult,\r\n      },\r\n    });\r\n\r\n    setSelectedReviews(allSelectedReviews);\r\n    setShowFbImportDialog(false);\r\n    setShowCreateReviewDialog(false);\r\n    setTargetReview(undefined);\r\n  }, [componentConfig, dispatchSiteConfig, selectedReviews, isSmartPageImprovedReviewsEnabled]);\r\n\r\n  const onEdit = useCallback((index) => {\r\n    if (index >= 0 && index < selectedReviews.length) {\r\n      setTargetReview(selectedReviews[index]);\r\n      setShowCreateReviewDialog(true);\r\n    }\r\n  }, [selectedReviews]);\r\n\r\n  const onDelete = useCallback((index) => {\r\n    setSelectedReviews((selectedReviewState) => {\r\n      const [deletedReview] = selectedReviewState.splice(index, 1);\r\n\r\n      // Reassign the original fb src to picture\r\n      // so the deleted review could still display correctly\r\n      // without using Bing image id in current session\r\n      deletedReview.reviewer.picture = deletedReview.reviewer.fbPictureSrc;\r\n      delete deletedReview.reviewer.fbPictureSrc;\r\n\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_IMAGES',\r\n        payload: {\r\n          imageIdsToRemove: deletedReview.reviewer && [deletedReview.reviewer.imageId],\r\n        },\r\n      });\r\n\r\n      if (isSmartPageImprovedReviewsEnabled) {\r\n        dispatchSiteConfig({\r\n          type: 'UPDATE_WEBSITESOURCEDATA_BY_NAME',\r\n          payload: {\r\n            name: componentKey,\r\n            value: selectedReviewState.map(covertConfigToModel),\r\n          },\r\n        });\r\n      }\r\n\r\n      dispatchSiteConfig({\r\n        type: 'UPDATE_COMPONENT_BY_ID',\r\n        payload: {\r\n          ...componentConfig,\r\n          reviews: selectedReviewState,\r\n        },\r\n      });\r\n      const newState = [...selectedReviewState];\r\n\r\n      return newState;\r\n    });\r\n  }, [componentConfig, dispatchSiteConfig, isSmartPageImprovedReviewsEnabled]);\r\n\r\n  const openDialog = useCallback(isFbImport => () => {\r\n    if (selectedReviews.length < MaxReviewsCount) {\r\n      if (isFbImport) {\r\n        setStartFetchFbReviews(true);\r\n        setShowFbImportDialog(true);\r\n      } else {\r\n        setShowCreateReviewDialog(true);\r\n      }\r\n    }\r\n  }, [selectedReviews]);\r\n\r\n  const closeCreateReviewDialog = useCallback(() => {\r\n    setShowCreateReviewDialog(false);\r\n    setTargetReview(undefined);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!isSmartPageImprovedReviewsEnabled || startFetchFbReviews) {\r\n      importFromFacebook(\r\n        siteConfig,\r\n        smartPageService,\r\n        facebookPageInfoFilter.ratings,\r\n        hostSystemScenario\r\n      )\r\n        .finally(editorStatusLoadingWrapperForPromise(dispatchEditorStatus))\r\n        .then(({ reviews: fbReviews, businessName }) => {\r\n          setAllFbReviews(map(fbReviews, review => ({\r\n            recommendationType: review.RecommendationType,\r\n            reviewText: review.ReviewText,\r\n            reviewer: {\r\n              name: review.Reviewer.Name,\r\n              picture: review.Reviewer.Picture.Url,\r\n            },\r\n            createdTime: review.CreatedTime,\r\n            businessName,\r\n            id: `${review.CreatedTime}-${review.Reviewer.Id}`,\r\n          })));\r\n          setIsFbSupported(true);\r\n        })\r\n        .catch((err) => {\r\n          if (err) {\r\n            if (hasFBOAuthError(err)) {\r\n              logger.logTrace('Encounter Facebook OAuth error while importing FB reviews');\r\n              showWarning(i18n.getString(_TL_('We could not access your Facebook profile, please reconnect it in Settings.')));\r\n              setIsFbSupported(false);\r\n            } else if (err.message !== 'NO_FB_AUTH') {\r\n              logger.logError(`Import reviews from facebook failed. ${err}, error string: ${JSON.stringify(err)}`);\r\n              showWarning(i18n.getString(_TL_('We were not able to find reviews from this Facebook page. Please try again or reimport your Facebook Page.')));\r\n              setIsFbSupported(true);\r\n            }\r\n          }\r\n        })\r\n        .finally(() => setIsFbInitializing(false));\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [startFetchFbReviews, isSmartPageImprovedReviewsEnabled]);\r\n\r\n  const menuProps = useMemo(() => (isSmartPageImprovedReviewsEnabled ?\r\n    ({\r\n      items: [\r\n        {\r\n          key: 'fbImport',\r\n          text: i18n.getString(_TL_('Import from Facebook')),\r\n          iconProps: {\r\n            className: classnames(classes.commonIcon, classes.fbIcon),\r\n          },\r\n          'data-automation-id': 'fb-import-option', // optional\r\n          onClick: openDialog(true),\r\n        },\r\n        {\r\n          key: 'createMyOwn',\r\n          text: i18n.getString(_TL_('Create my own')),\r\n          iconProps: {\r\n            className: classnames(classes.commonIcon, classes.editCreateIcon),\r\n          },\r\n          'data-automation-id': 'create-my-own-option', // optional\r\n          onClick: openDialog(false),\r\n        },\r\n      ],\r\n    }) : undefined), [\r\n    i18n,\r\n    isSmartPageImprovedReviewsEnabled,\r\n    openDialog,\r\n    classes,\r\n  ]);\r\n\r\n  const reviewEditorTexts = useMemo(() => {\r\n    if (isSmartPageImprovedReviewsEnabled) {\r\n      return {\r\n        titleText: i18n.getString(_TL_('Reviews')),\r\n        descriptionText: i18n.getString(_TL_('Create new reviews or import them directly from your Facebook Business Page to your Smart Page. You may publish a maximum of {{max}} reviews on your Smart Page.'), { max: MaxReviewsCount }),\r\n        addBtnText: i18n.getString(_TL_('Add reviews')),\r\n        reviewListText: i18n.getString(_TL_('Your reviews')),\r\n      };\r\n    }\r\n\r\n    return {\r\n      titleText: i18n.getString(_TL_('Reviews')),\r\n      descriptionText: i18n.getString(_TL_('Add up to {{max}} customer reviews from Facebook to your website.'), { max: MaxReviewsCount }),\r\n      addBtnText: i18n.getString(_TL_('Add reviews')),\r\n      reviewListText: i18n.getString(_TL_('Reviews from the last 2 years')),\r\n    };\r\n  }, [isSmartPageImprovedReviewsEnabled, i18n]);\r\n\r\n  const cardDialogTexts = {\r\n    maximumCharacterErrorText: _TL_('Your review is currently {{length}} characters. How customers view your Smart Page may result in any review longer than 200 characters being cut off. For this reason, we recommend shortening your review to under {{softLimit}} characters.'),\r\n    creationTitleText: i18n.getString(_TL_('Create your own review')),\r\n    editTitleText: i18n.getString(_TL_('Edit your own review')),\r\n    authorSubtitleText: i18n.getString(_TL_('What is the name of the reviewer?')),\r\n    messageSubtitleText: i18n.getString(_TL_('What is the review text?')),\r\n    primaryButtonText: i18n.getString(_TL_('Add review')),\r\n  };\r\n\r\n  return (\r\n    <div className={classes.reviewsEditorContainer}>\r\n      <h2 className={titleClassName}>\r\n        {reviewEditorTexts.titleText}\r\n      </h2>\r\n      <div className={descriptionClassName}>\r\n        {reviewEditorTexts.descriptionText}\r\n      </div>\r\n      <div className={classnames(classes.reviewsList, 'smart-page-reviews-list')}>\r\n        <div className={classes.reviewsListLabel}>\r\n          <span className={sectionTitleClassName}>{reviewEditorTexts.reviewListText}</span>\r\n          <CommandBarButton\r\n            iconProps={{ iconName: 'Add' }}\r\n            text={reviewEditorTexts.addBtnText}\r\n            onClick={() => { setShowFbImportDialog(true); }}\r\n            className={classnames(classes.addBtn, classes.dropDownBtn)}\r\n            disabled={(selectedReviews && selectedReviews.length === MaxReviewsCount) ?\r\n              true : (noData && !isSmartPageImprovedReviewsEnabled)}\r\n            menuProps={menuProps}\r\n          />\r\n        </div>\r\n        {\r\n          noDataMsgKey ?\r\n            <MessageBar className={classnames(infoMessageBarClassName, classes.noData, 'smart-page-review-no-data')} isMultiline>\r\n              {\r\n                isSmartPageImprovedReviewsEnabled ?\r\n                i18n.getString(_TL_('You haven\\'t imported any Facebook reviews. Select \"Add reviews\" to import or create your own review.')) :\r\n                i18n.getString(noDataMsgKey)\r\n              }\r\n            </MessageBar> :\r\n            <ItemPicker\r\n              items={selectedReviews}\r\n              editable={isSmartPageImprovedReviewsEnabled}\r\n              editableConditionCheck={editableConditionCheck}\r\n              i18n={i18n}\r\n              ItemComponent={SmartReviewCard}\r\n              onEdit={onEdit}\r\n              onDelete={onDelete}\r\n              editButtonLabel={i18n.getString(_TL_('Edit review'))}\r\n              getDeleteButtonAriaLabel={\r\n                index => i18n.getString(_TL_('Delete review {{number}}'), { number: index })\r\n              }\r\n              getEditButtonAriaLabel={\r\n                index => i18n.getString(_TL_('Edit review {{number}}'), { number: index })\r\n              }\r\n            />\r\n        }\r\n      </div>\r\n      {\r\n        showFbImportDialog &&\r\n        <SelectReviewDialog\r\n          i18n={i18n}\r\n          onAdd={onSaveChange}\r\n          onCancel={() => { setShowFbImportDialog(false); }}\r\n          isFbSupported={isFbSupported}\r\n          isFbInitializing={isFbInitializing}\r\n          gotoSettings={gotoSettings}\r\n          reviews={allFbReviews}\r\n          preselectedReviews={map(selectedReviews || [], review => review.id)}\r\n        />\r\n      }\r\n      {\r\n        showCreateReviewDialog && isSmartPageImprovedReviewsEnabled &&\r\n        <CardDialog\r\n          ItemComponent={SmartReviewCard}\r\n          targetItem={targetReview}\r\n          generateItemProperty={generateReview}\r\n          mapItemToCard={mapReviewToCard}\r\n          authorCharacterLimit={authorLimit}\r\n          characterSoftLimit={softLimit}\r\n          characterHardLimit={hardLimit}\r\n          labelTexts={cardDialogTexts}\r\n          i18n={i18n}\r\n          onAdd={onSaveChange}\r\n          onCancel={closeCreateReviewDialog}\r\n          gotoSettings={gotoSettings}\r\n          cardType=\"review\"\r\n          supportImageInput={false}\r\n          supportAuthorInput\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nUnStyledSmartReviewEditor.propTypes = {\r\n  i18n: PropTypes.shape({\r\n    getString: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  componentId: PropTypes.string.isRequired,\r\n  classes: PropTypes.shape({\r\n    reviewsListLabel: PropTypes.string.isRequired,\r\n  }).isRequired,\r\n  gotoSettings: PropTypes.func.isRequired,\r\n};\r\n\r\nexport const SmartReviewEditor = withDefaultStyles(\r\n  UnStyledSmartReviewEditor,\r\n  getStyles\r\n);\r\n","import { isEmpty } from 'underscore';\r\n\r\nexport const useDataState = (allData, selectedData) => {\r\n  let noDataMsgKey = null;\r\n  const noData = isEmpty(allData);\r\n  const noSelected = isEmpty(selectedData);\r\n\r\n  if (noData && noSelected) {\r\n    noDataMsgKey = _TL_('There are no Facebook reviews to import from the last 2 years.');\r\n  } else if (noSelected) {\r\n    noDataMsgKey = _TL_('No reviews selected to import from Facebook.');\r\n  }\r\n\r\n  return {\r\n    noDataMsgKey,\r\n    noData,\r\n  };\r\n};\r\n"],"sourceRoot":""}