@xapp/form-widget 1.75.0 → 1.76.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/components/Form/Form.d.ts +0 -0
  2. package/dist/components/Form/Form.stories.d.ts +6 -1
  3. package/dist/components/FormDisplay/FormDisplay.d.ts +0 -0
  4. package/dist/components/FormDisplay/FormDisplay.stories.d.ts +5 -0
  5. package/dist/components/FormDisplay/index.d.ts +0 -0
  6. package/dist/components/FormDisplay/model.d.ts +0 -0
  7. package/dist/components/FormFieldCard/FormFieldCard.d.ts +0 -0
  8. package/dist/components/FormFieldCard/FormFieldCard.stories.d.ts +4 -1
  9. package/dist/components/FormFieldChips/FormFieldChips.d.ts +0 -0
  10. package/dist/components/FormFieldChips/FormFieldChips.stories.d.ts +3 -0
  11. package/dist/components/FormFieldChips/FormFieldSelect.d.ts +0 -0
  12. package/dist/components/FormFieldDate/FormFieldDate.d.ts +0 -0
  13. package/dist/components/FormFieldDate/FormFieldDate.stories.d.ts +1 -0
  14. package/dist/components/FormFieldDateRange/FormFieldDateRange.d.ts +0 -0
  15. package/dist/components/FormFieldDropdown/FormFieldDropdown.d.ts +0 -0
  16. package/dist/components/FormFieldTextInput/FormFieldTextInput.d.ts +0 -0
  17. package/dist/components/FormResponse/FormResponse.d.ts +0 -0
  18. package/dist/components/FormResponse/FormResponse.stories.d.ts +15 -0
  19. package/dist/components/FormResponse/SearchResponsePart.d.ts +0 -0
  20. package/dist/components/FormResponse/index.d.ts +0 -0
  21. package/dist/components/FormStepDisplay/FormStepDisplay.d.ts +0 -0
  22. package/dist/components/FormStepDisplay/FormStepDisplay.stories.d.ts +2 -0
  23. package/dist/components/ResponseDisplay/ResponseDisplay.d.ts +0 -0
  24. package/dist/components/ResponseDisplay/index.d.ts +0 -0
  25. package/dist/components/index.d.ts +1 -1
  26. package/dist/index.d.ts +2 -2
  27. package/dist/index.es.js +169 -132
  28. package/dist/index.es.js.map +1 -1
  29. package/dist/stories/config.d.ts +1 -0
  30. package/dist/stories/default-form-service-options.d.ts +2 -0
  31. package/dist/stories/default-form.d.ts +2 -0
  32. package/dist/types.d.ts +0 -0
  33. package/dist/xapp-form-widget.css +46 -85
  34. package/dist/xapp-form-widget.js +55 -47
  35. package/package.json +19 -19
@@ -3,3 +3,4 @@ export declare const config: FormWidgetConfig;
3
3
  export declare const configCF: FormWidgetConfig;
4
4
  export declare const configCFA: FormWidgetConfig;
5
5
  export declare const configPawnee: FormWidgetConfig;
6
+ export declare const configMaidBrigade: FormWidgetConfig;
@@ -0,0 +1,2 @@
1
+ import { MultistepForm } from "stentor-models";
2
+ export declare const defaultFormServiceOptions: MultistepForm;
@@ -0,0 +1,2 @@
1
+ import { MultistepForm } from "stentor-models";
2
+ export declare const defaultForm: MultistepForm;
Binary file
@@ -344,6 +344,10 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
344
344
  }
345
345
  .FormFieldDate-module_xapp_date_picker_container__d8LYB {
346
346
  height: 100%;
347
+ display: flex;
348
+ flex-direction: column;
349
+ justify-content: center;
350
+ align-items: center;
347
351
  }
348
352
 
349
353
  .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
@@ -452,6 +456,15 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
452
456
  .MuiAutocomplete-popper {
453
457
  z-index: 16000 !important;
454
458
  }
459
+ .FormStepDisplay-module_xapp_step_iframe_wrapper__BBFRw {
460
+ display: flex;
461
+ flex-direction: column;
462
+ height: 100%;
463
+ width: 100%;
464
+ overflow: scroll;
465
+ position: relative;
466
+ }
467
+
455
468
  .FormStepDisplay-module_xapp_formfield__hRmVx {
456
469
  display: none;
457
470
  font-family: inherit !important;
@@ -463,15 +476,18 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
463
476
  margin: 10px 0 0 0;
464
477
  font-size: 1em;
465
478
  }
466
- .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator {
479
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator,
480
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator {
467
481
  color: rgba(0, 0, 0, 0.54) !important;
468
482
  background-color: transparent !important;
469
483
  }
470
- .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:hover, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:hover {
484
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:hover,
485
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:hover {
471
486
  background-image: unset !important;
472
487
  background-color: #cfd8da !important;
473
488
  }
474
- .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:focus, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:focus {
489
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:focus,
490
+ .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:focus {
475
491
  background-image: unset !important;
476
492
  }
477
493
 
@@ -508,20 +524,28 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
508
524
  .FormStepDisplay-module_xapp_disabled_button__RjSfL:hover {
509
525
  filter: brightness(80%) !important;
510
526
  }
511
- .SearchResponseFormDisplay-module_xapp_formstep__2WhYK {
527
+ .SimpleNavigationHeader-module_xapp_navigation_header__YhCD1 {
528
+ background-color: inherit !important;
529
+ }
530
+
531
+ .SimpleNavigationHeader-module_xapp_navigation_header_showcase__NhRLn {
532
+ background-color: inherit !important;
533
+ padding: 0px !important;
534
+ }
535
+ .FormDisplay-module_xapp_formstep__OW1rY {
512
536
  display: none;
513
537
  padding: 8px;
514
538
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
515
539
  }
516
- .SearchResponseFormDisplay-module_xapp_formstep__2WhYK.SearchResponseFormDisplay-module_active__x-n-n {
540
+ .FormDisplay-module_xapp_formstep__OW1rY.FormDisplay-module_active__5wTV3 {
517
541
  display: block;
518
542
  background-color: var(--xapp-form-widget-background-color, #f3f8fb) !important;
519
543
  }
520
- .SearchResponseFormDisplay-module_xapp_formstep__2WhYK.SearchResponseFormDisplay-module_title__okRK- p {
544
+ .FormDisplay-module_xapp_formstep__OW1rY.FormDisplay-module_title__-BtIw p {
521
545
  margin: 10px 0 0 0;
522
546
  }
523
547
 
524
- .SearchResponseFormDisplay-module_xapp_header_container__ayUqb {
548
+ .FormDisplay-module_xapp_header_container__Y-eFl {
525
549
  background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
526
550
  position: absolute;
527
551
  top: 0px;
@@ -532,14 +556,14 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
532
556
  padding-top: 16px;
533
557
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
534
558
  }
535
- .SearchResponseFormDisplay-module_xapp_header_container__ayUqb .SearchResponseFormDisplay-module_empty_step_header__ClbsP {
559
+ .FormDisplay-module_xapp_header_container__Y-eFl .FormDisplay-module_empty_step_header__eHbBH {
536
560
  height: 42px;
537
561
  }
538
- .SearchResponseFormDisplay-module_xapp_header_container__ayUqb .MuiTypography-root {
562
+ .FormDisplay-module_xapp_header_container__Y-eFl .MuiTypography-root {
539
563
  color: var(--xapp-form-widget-header-text-color, #b7c5d1) !important;
540
564
  }
541
565
 
542
- .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy {
566
+ .FormDisplay-module_xapp_header_container_showcase__MWJfr {
543
567
  border-top-left-radius: 12px;
544
568
  border-top-right-radius: 12px;
545
569
  background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
@@ -548,20 +572,12 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
548
572
  margin-top: 10px;
549
573
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
550
574
  }
551
- .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy .SearchResponseFormDisplay-module_empty_step_header__ClbsP {
575
+ .FormDisplay-module_xapp_header_container_showcase__MWJfr .FormDisplay-module_empty_step_header__eHbBH {
552
576
  height: 42px;
553
577
  }
554
- .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy .MuiTypography-root {
578
+ .FormDisplay-module_xapp_header_container_showcase__MWJfr .MuiTypography-root {
555
579
  color: var(--xapp-form-widget-header-text-color, #b7c5d1) !important;
556
580
  }
557
- .SimpleNavigationHeader-module_xapp_navigation_header__YhCD1 {
558
- background-color: inherit !important;
559
- }
560
-
561
- .SimpleNavigationHeader-module_xapp_navigation_header_showcase__NhRLn {
562
- background-color: inherit !important;
563
- padding: 0px !important;
564
- }
565
581
  .SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F {
566
582
  font-family: RobotoRegular, serif;
567
583
  font-weight: normal;
@@ -575,15 +591,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
575
591
  .SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F p:last-child {
576
592
  margin-bottom: 0;
577
593
  }
578
- .SearchResponsePart-module_xapp_search_response_part__DRpYu {
579
- margin-bottom: 12px;
580
- margin-top: 86px;
581
- box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
582
- border-radius: 8px;
583
- }
584
- .SearchResponsePart-module_xapp_search_response_part__DRpYu.SearchResponsePart-module_noHeaderForm__4wLFH {
585
- margin-top: 12px;
586
- }
587
594
  .Button-module_xapp_search_btn__cQf3T {
588
595
  display: inline-block;
589
596
  border-radius: 12px;
@@ -624,7 +631,16 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
624
631
  .SuggestedActions-module_xapp_search_suggested_actions__item__Q7nQb {
625
632
  margin-right: 16px;
626
633
  }
627
- .SearchResponse-module_xapp_search_response__nnEM8 {
634
+ .SearchResponsePart-module_xapp_search_response_part__sF6gs {
635
+ margin-bottom: 12px;
636
+ margin-top: 86px;
637
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
638
+ border-radius: 8px;
639
+ }
640
+ .SearchResponsePart-module_xapp_search_response_part__sF6gs.SearchResponsePart-module_noHeaderForm__HdlyL {
641
+ margin-top: 12px;
642
+ }
643
+ .FormResponse-module_xapp_search_response__r2YN1 {
628
644
  padding: 0 10px;
629
645
  overflow: auto;
630
646
  }
@@ -719,61 +735,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
719
735
  width: 100%;
720
736
  }
721
737
  }
722
- .ChatButton-module_xapp_chat_button__HH7eW {
723
- position: fixed;
724
- top: 25px;
725
- left: 220px;
726
- cursor: pointer;
727
- margin-top: 16px;
728
- margin-right: 16px;
729
- margin-bottom: 16px;
730
- margin-left: 16px;
731
- display: block;
732
- opacity: 1;
733
- animation: ChatButton-module_widget-show-grow__z65qQ 0.5s backwards;
734
- width: 75px;
735
- height: 75px;
736
- z-index: 10000;
737
- background-color: transparent !important;
738
- padding: 0;
739
- border-width: 0px;
740
- }
741
- .ChatButton-module_xapp_chat_button__HH7eW.ChatButton-module_visible__53wDx {
742
- animation: ChatButton-module_widget-hide-shrink__kwcw7 0.5s forwards;
743
- }
744
- .ChatButton-module_xapp_chat_button__HH7eW:focus-visible {
745
- outline: none;
746
- box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
747
- }
748
- .ChatButton-module_xapp_chat_button__btn__HAq8m {
749
- position: absolute;
750
- width: 70px;
751
- height: 70px;
752
- border-radius: 35px;
753
- border: 2px solid rgb(255, 255, 255);
754
- background-color: #2f7ddd;
755
- box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
756
- left: 50% !important;
757
- top: 50% !important;
758
- transform: translate(-50%, -50%);
759
- }
760
- .ChatButton-module_xapp_chat_button__btn__HAq8m svg {
761
- display: block;
762
- margin: auto;
763
- height: 100%;
764
- }
765
- .ChatButton-module_xapp_chat_button__cta__r6W-I {
766
- position: absolute;
767
- bottom: 56px;
768
- right: 24px;
769
- white-space: nowrap;
770
- font-size: 16px;
771
- font-family: RobotoRegular, serif;
772
- }
773
-
774
- .ChatButton-module_xapp_chat_button__HH7eW:hover {
775
- background: transparent !important;
776
- }
777
738
  .SideButton-module_xapp_form_sticky_button__YqORL {
778
739
  position: fixed;
779
740
  z-index: 10000;