@web-site-utilities/feedback 0.0.15 → 0.0.16

package/dist/common/types/FormConfig.d.ts

@@ -117,6 +117,7 @@ export type PopupForm = {
 export type FormConfig = {
     id: string;
     domainId: string;
+    versionId: string;
     inlineForm: Nullable<InlineForm>;
     popupForm: Nullable<PopupForm>;
     attributes: {

package/dist/index.cjs.js

@@ -1360,206 +1360,8 @@ const createBaseApi = () => {
     }
   };
 };
-const formMock = {
-  meta: { name: "asd" },
-  steps: [
-    {
-      title: "Overall altitude",
-      meta: { name: "overall" },
-      fields: [
-        {
-          type: "matrix",
-          meta: { name: "asd", fieldKey: "recommendationChance" },
-          validations: {
-            required: true
-          },
-          label: {
-            default: "How likely are you to recommend this company to a friend or colleague?"
-          },
-          max: 10
-        },
-        {
-          type: "radio-group",
-          meta: { name: "asd", fieldKey: "satisfactionLevel" },
-          label: {
-            default: "Overall, how satisfied or dissatisfied are you with our company?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Very satisfied", id: "1" },
-            { label: "Somewhat satisfied", id: "2" },
-            { label: "Neither satisfied nor dissatisfied", id: "3" },
-            { label: "Somewhat dissatisfied", id: "4" },
-            { label: "Very dissatisfied", id: "5" }
-          ]
-        },
-        {
-          type: "rating",
-          icon: "star2",
-          max: 5,
-          meta: { name: "asd", fieldKey: "satisfactionRating" },
-          label: { default: "What is your general satisfaction?" },
-          validations: { required: true }
-        }
-      ]
-    },
-    {
-      meta: { name: "products" },
-      title: "Product questions",
-      fields: [
-        {
-          type: "checkbox-group",
-          meta: { name: "asd", fieldKey: "productDescribeWords" },
-          label: {
-            default: "Which of the following words best describes your experience with our products?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Reliable", id: "1" },
-            { label: "High quality", id: "2" },
-            { label: "Useful", id: "3" },
-            { label: "Unique", id: "4" },
-            { label: "Value for money", id: "5" },
-            { label: "Overpriced", id: "6" },
-            { label: "Ineffective", id: "7" },
-            { label: "Poor quality", id: "8" },
-            { label: "Unreliable", id: "9" }
-          ]
-        },
-        {
-          type: "radio-group",
-          meta: { name: "asd", fieldKey: "productExpectations" },
-          label: {
-            default: "How well products meet your expectations?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Extremely well", id: "1" },
-            { label: "Well", id: "2" },
-            { label: "Somewhat well", id: "3" },
-            { label: "Not well", id: "4" },
-            { label: "Not at all well", id: "5" }
-          ]
-        },
-        {
-          type: "matrix",
-          meta: { name: "asd", fieldKey: "productQuality" },
-          label: {
-            default: "How would you rate the quality of our products?"
-          },
-          validations: { required: true },
-          max: 10,
-          minText: "Poor quality",
-          maxText: "Good quality"
-        }
-      ]
-    },
-    {
-      meta: { name: "final-questions" },
-      title: "Final questions",
-      fields: [
-        {
-          type: "range-slide",
-          defaultValue: 77,
-          meta: { name: "asd", fieldKey: "productsImpressionLevel" },
-          label: {
-            default: "What is your overall impression level of our products?"
-          }
-        },
-        {
-          type: "rating",
-          icon: "heart",
-          max: 5,
-          meta: { name: "asd", fieldKey: "productExpectations" },
-          label: {
-            default: "Do you like our service and products?"
-          },
-          validations: { required: true }
-        },
-        {
-          type: "select",
-          meta: { name: "asd", fieldKey: "fromWhereDidYouHearAboutUs" },
-          label: {
-            default: "From where did you hear about us?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Facebook", id: "1" },
-            { label: "Instagram", id: "2" },
-            { label: "Google search", id: "3" },
-            { label: "AD", id: "4" },
-            { label: "Other", id: "5" }
-          ]
-        },
-        {
-          type: "textarea",
-          meta: { name: "asd", fieldKey: "lastComments" },
-          validations: { required: false },
-          label: {
-            values: [
-              {
-                conditions: [
-                  {
-                    fieldName: "satisfactionRating",
-                    lessThan: 4
-                  }
-                ],
-                value: "How can we improve our service? (optional)"
-              }
-            ],
-            default: "What you would like to tell us about your experience with this company? (optional)?"
-          }
-        }
-      ]
-    }
-  ]
-};
-const getFormConfigMock = (_payload, _options) => {
-  return new Promise((resolve) => {
-    resolve({
-      id: "",
-      domainId: "",
-      attributes: {
-        theme: {},
-        useSystemTheme: true,
-        variant: "primary"
-      },
-      popupForm: {
-        meta: {
-          name: "popupForm"
-        },
-        config: {
-          canReturnToPreviousStep: true,
-          nextButtonText: "Next",
-          previousButtonText: "Previous",
-          submitButtonText: "Submit",
-          formTitle: "We are looking forward to hear from you!",
-          buttonText: "Feedback"
-        },
-        styles: {
-          left: null,
-          top: 0,
-          bottom: -20,
-          right: 0
-        },
-        form: formMock
-      },
-      inlineForm: {
-        meta: {
-          name: "asd"
-        },
-        config: {
-          canReturnToPreviousStep: true,
-          nextButtonText: "Next",
-          previousButtonText: "Previous",
-          submitButtonText: "Submit",
-          formTitle: "We are looking forward to hear from you!"
-        },
-        form: formMock
-      }
-    });
-  });
-};
+const baseApi$1 = createBaseApi();
+const getFormConf = (formId, options) => baseApi$1.get(`/feedback-receiver/config/${formId}`, options);
 const useRequest = (request) => {
   const [data, setData] = React.useState();
   const [loading, setLoading] = React.useState(true);
@@ -4059,11 +3861,8 @@ const PopupForm = (props) => {
 };
 const App = (props) => {
   const [isClient, setIsClient] = React.useState(false);
-  props.locale ?? "en-US";
   let { data, loading, error } = useRequest(
-    () => getFormConfigMock({
-      formId: props.formId
-    })
+    () => getFormConf(props.formId)
   );
   React.useEffect(() => setIsClient(true), []);
   const inPlaceForm = React.useMemo(() => {

package/dist/index.es.js

@@ -1358,206 +1358,8 @@ const createBaseApi = () => {
     }
   };
 };
-const formMock = {
-  meta: { name: "asd" },
-  steps: [
-    {
-      title: "Overall altitude",
-      meta: { name: "overall" },
-      fields: [
-        {
-          type: "matrix",
-          meta: { name: "asd", fieldKey: "recommendationChance" },
-          validations: {
-            required: true
-          },
-          label: {
-            default: "How likely are you to recommend this company to a friend or colleague?"
-          },
-          max: 10
-        },
-        {
-          type: "radio-group",
-          meta: { name: "asd", fieldKey: "satisfactionLevel" },
-          label: {
-            default: "Overall, how satisfied or dissatisfied are you with our company?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Very satisfied", id: "1" },
-            { label: "Somewhat satisfied", id: "2" },
-            { label: "Neither satisfied nor dissatisfied", id: "3" },
-            { label: "Somewhat dissatisfied", id: "4" },
-            { label: "Very dissatisfied", id: "5" }
-          ]
-        },
-        {
-          type: "rating",
-          icon: "star2",
-          max: 5,
-          meta: { name: "asd", fieldKey: "satisfactionRating" },
-          label: { default: "What is your general satisfaction?" },
-          validations: { required: true }
-        }
-      ]
-    },
-    {
-      meta: { name: "products" },
-      title: "Product questions",
-      fields: [
-        {
-          type: "checkbox-group",
-          meta: { name: "asd", fieldKey: "productDescribeWords" },
-          label: {
-            default: "Which of the following words best describes your experience with our products?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Reliable", id: "1" },
-            { label: "High quality", id: "2" },
-            { label: "Useful", id: "3" },
-            { label: "Unique", id: "4" },
-            { label: "Value for money", id: "5" },
-            { label: "Overpriced", id: "6" },
-            { label: "Ineffective", id: "7" },
-            { label: "Poor quality", id: "8" },
-            { label: "Unreliable", id: "9" }
-          ]
-        },
-        {
-          type: "radio-group",
-          meta: { name: "asd", fieldKey: "productExpectations" },
-          label: {
-            default: "How well products meet your expectations?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Extremely well", id: "1" },
-            { label: "Well", id: "2" },
-            { label: "Somewhat well", id: "3" },
-            { label: "Not well", id: "4" },
-            { label: "Not at all well", id: "5" }
-          ]
-        },
-        {
-          type: "matrix",
-          meta: { name: "asd", fieldKey: "productQuality" },
-          label: {
-            default: "How would you rate the quality of our products?"
-          },
-          validations: { required: true },
-          max: 10,
-          minText: "Poor quality",
-          maxText: "Good quality"
-        }
-      ]
-    },
-    {
-      meta: { name: "final-questions" },
-      title: "Final questions",
-      fields: [
-        {
-          type: "range-slide",
-          defaultValue: 77,
-          meta: { name: "asd", fieldKey: "productsImpressionLevel" },
-          label: {
-            default: "What is your overall impression level of our products?"
-          }
-        },
-        {
-          type: "rating",
-          icon: "heart",
-          max: 5,
-          meta: { name: "asd", fieldKey: "productExpectations" },
-          label: {
-            default: "Do you like our service and products?"
-          },
-          validations: { required: true }
-        },
-        {
-          type: "select",
-          meta: { name: "asd", fieldKey: "fromWhereDidYouHearAboutUs" },
-          label: {
-            default: "From where did you hear about us?"
-          },
-          validations: { required: true },
-          options: [
-            { label: "Facebook", id: "1" },
-            { label: "Instagram", id: "2" },
-            { label: "Google search", id: "3" },
-            { label: "AD", id: "4" },
-            { label: "Other", id: "5" }
-          ]
-        },
-        {
-          type: "textarea",
-          meta: { name: "asd", fieldKey: "lastComments" },
-          validations: { required: false },
-          label: {
-            values: [
-              {
-                conditions: [
-                  {
-                    fieldName: "satisfactionRating",
-                    lessThan: 4
-                  }
-                ],
-                value: "How can we improve our service? (optional)"
-              }
-            ],
-            default: "What you would like to tell us about your experience with this company? (optional)?"
-          }
-        }
-      ]
-    }
-  ]
-};
-const getFormConfigMock = (_payload, _options) => {
-  return new Promise((resolve) => {
-    resolve({
-      id: "",
-      domainId: "",
-      attributes: {
-        theme: {},
-        useSystemTheme: true,
-        variant: "primary"
-      },
-      popupForm: {
-        meta: {
-          name: "popupForm"
-        },
-        config: {
-          canReturnToPreviousStep: true,
-          nextButtonText: "Next",
-          previousButtonText: "Previous",
-          submitButtonText: "Submit",
-          formTitle: "We are looking forward to hear from you!",
-          buttonText: "Feedback"
-        },
-        styles: {
-          left: null,
-          top: 0,
-          bottom: -20,
-          right: 0
-        },
-        form: formMock
-      },
-      inlineForm: {
-        meta: {
-          name: "asd"
-        },
-        config: {
-          canReturnToPreviousStep: true,
-          nextButtonText: "Next",
-          previousButtonText: "Previous",
-          submitButtonText: "Submit",
-          formTitle: "We are looking forward to hear from you!"
-        },
-        form: formMock
-      }
-    });
-  });
-};
+const baseApi$1 = createBaseApi();
+const getFormConf = (formId, options) => baseApi$1.get(`/feedback-receiver/config/${formId}`, options);
 const useRequest = (request) => {
   const [data, setData] = useState();
   const [loading, setLoading] = useState(true);
@@ -4057,11 +3859,8 @@ const PopupForm = (props) => {
 };
 const App = (props) => {
   const [isClient, setIsClient] = React.useState(false);
-  props.locale ?? "en-US";
   let { data, loading, error } = useRequest(
-    () => getFormConfigMock({
-      formId: props.formId
-    })
+    () => getFormConf(props.formId)
   );
   React.useEffect(() => setIsClient(true), []);
   const inPlaceForm = useMemo(() => {

package/dist/index.iife.js

@@ -1358,206 +1358,8 @@ var SiteUtilsFeedback = (function(exports, React2, require$$02) {
       }
     };
   };
-  const formMock = {
-    meta: { name: "asd" },
-    steps: [
-      {
-        title: "Overall altitude",
-        meta: { name: "overall" },
-        fields: [
-          {
-            type: "matrix",
-            meta: { name: "asd", fieldKey: "recommendationChance" },
-            validations: {
-              required: true
-            },
-            label: {
-              default: "How likely are you to recommend this company to a friend or colleague?"
-            },
-            max: 10
-          },
-          {
-            type: "radio-group",
-            meta: { name: "asd", fieldKey: "satisfactionLevel" },
-            label: {
-              default: "Overall, how satisfied or dissatisfied are you with our company?"
-            },
-            validations: { required: true },
-            options: [
-              { label: "Very satisfied", id: "1" },
-              { label: "Somewhat satisfied", id: "2" },
-              { label: "Neither satisfied nor dissatisfied", id: "3" },
-              { label: "Somewhat dissatisfied", id: "4" },
-              { label: "Very dissatisfied", id: "5" }
-            ]
-          },
-          {
-            type: "rating",
-            icon: "star2",
-            max: 5,
-            meta: { name: "asd", fieldKey: "satisfactionRating" },
-            label: { default: "What is your general satisfaction?" },
-            validations: { required: true }
-          }
-        ]
-      },
-      {
-        meta: { name: "products" },
-        title: "Product questions",
-        fields: [
-          {
-            type: "checkbox-group",
-            meta: { name: "asd", fieldKey: "productDescribeWords" },
-            label: {
-              default: "Which of the following words best describes your experience with our products?"
-            },
-            validations: { required: true },
-            options: [
-              { label: "Reliable", id: "1" },
-              { label: "High quality", id: "2" },
-              { label: "Useful", id: "3" },
-              { label: "Unique", id: "4" },
-              { label: "Value for money", id: "5" },
-              { label: "Overpriced", id: "6" },
-              { label: "Ineffective", id: "7" },
-              { label: "Poor quality", id: "8" },
-              { label: "Unreliable", id: "9" }
-            ]
-          },
-          {
-            type: "radio-group",
-            meta: { name: "asd", fieldKey: "productExpectations" },
-            label: {
-              default: "How well products meet your expectations?"
-            },
-            validations: { required: true },
-            options: [
-              { label: "Extremely well", id: "1" },
-              { label: "Well", id: "2" },
-              { label: "Somewhat well", id: "3" },
-              { label: "Not well", id: "4" },
-              { label: "Not at all well", id: "5" }
-            ]
-          },
-          {
-            type: "matrix",
-            meta: { name: "asd", fieldKey: "productQuality" },
-            label: {
-              default: "How would you rate the quality of our products?"
-            },
-            validations: { required: true },
-            max: 10,
-            minText: "Poor quality",
-            maxText: "Good quality"
-          }
-        ]
-      },
-      {
-        meta: { name: "final-questions" },
-        title: "Final questions",
-        fields: [
-          {
-            type: "range-slide",
-            defaultValue: 77,
-            meta: { name: "asd", fieldKey: "productsImpressionLevel" },
-            label: {
-              default: "What is your overall impression level of our products?"
-            }
-          },
-          {
-            type: "rating",
-            icon: "heart",
-            max: 5,
-            meta: { name: "asd", fieldKey: "productExpectations" },
-            label: {
-              default: "Do you like our service and products?"
-            },
-            validations: { required: true }
-          },
-          {
-            type: "select",
-            meta: { name: "asd", fieldKey: "fromWhereDidYouHearAboutUs" },
-            label: {
-              default: "From where did you hear about us?"
-            },
-            validations: { required: true },
-            options: [
-              { label: "Facebook", id: "1" },
-              { label: "Instagram", id: "2" },
-              { label: "Google search", id: "3" },
-              { label: "AD", id: "4" },
-              { label: "Other", id: "5" }
-            ]
-          },
-          {
-            type: "textarea",
-            meta: { name: "asd", fieldKey: "lastComments" },
-            validations: { required: false },
-            label: {
-              values: [
-                {
-                  conditions: [
-                    {
-                      fieldName: "satisfactionRating",
-                      lessThan: 4
-                    }
-                  ],
-                  value: "How can we improve our service? (optional)"
-                }
-              ],
-              default: "What you would like to tell us about your experience with this company? (optional)?"
-            }
-          }
-        ]
-      }
-    ]
-  };
-  const getFormConfigMock = (_payload, _options) => {
-    return new Promise((resolve) => {
-      resolve({
-        id: "",
-        domainId: "",
-        attributes: {
-          theme: {},
-          useSystemTheme: true,
-          variant: "primary"
-        },
-        popupForm: {
-          meta: {
-            name: "popupForm"
-          },
-          config: {
-            canReturnToPreviousStep: true,
-            nextButtonText: "Next",
-            previousButtonText: "Previous",
-            submitButtonText: "Submit",
-            formTitle: "We are looking forward to hear from you!",
-            buttonText: "Feedback"
-          },
-          styles: {
-            left: null,
-            top: 0,
-            bottom: -20,
-            right: 0
-          },
-          form: formMock
-        },
-        inlineForm: {
-          meta: {
-            name: "asd"
-          },
-          config: {
-            canReturnToPreviousStep: true,
-            nextButtonText: "Next",
-            previousButtonText: "Previous",
-            submitButtonText: "Submit",
-            formTitle: "We are looking forward to hear from you!"
-          },
-          form: formMock
-        }
-      });
-    });
-  };
+  const baseApi$1 = createBaseApi();
+  const getFormConf = (formId, options) => baseApi$1.get(`/feedback-receiver/config/${formId}`, options);
   const useRequest = (request) => {
     const [data, setData] = React2.useState();
     const [loading, setLoading] = React2.useState(true);
@@ -4057,11 +3859,8 @@ var SiteUtilsFeedback = (function(exports, React2, require$$02) {
   };
   const App = (props) => {
     const [isClient, setIsClient] = React2.useState(false);
-    props.locale ?? "en-US";
     let { data, loading, error } = useRequest(
-      () => getFormConfigMock({
-        formId: props.formId
-      })
+      () => getFormConf(props.formId)
     );
     React2.useEffect(() => setIsClient(true), []);
     const inPlaceForm = React2.useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-site-utilities/feedback",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "workspaces": [
     "src/**",
     "examples/**"