feat: add option to overwrite color and position for single surveys (#645)

* feat: styles ui

* feat: handling brand color and position

* schema update

* survey type update

* feat: local styles preview

* prisma migration

* feat: overriding global settings

* fix: update wording

* fix: do not show positioning in link mode

* update wording

* feat: new component for placement ui

* fix: destructuring localsurvey

* fix: overwritePosition optional

* fix: brandcolor zod validation

* feat: overwrite highlight border setting

* update wording

* merge conflit resolved

* fix: minor review suggestions

* fix: renamed localsurvey to survey

* fix: db schema

* fix comment in .env.example

* fix build errors

* fix: placement

* fix getFirstEnvironmentByUserId function

* fix build errors

---------

Co-authored-by: Johannes <johannes@formbricks.com>
Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>

packages/database/jsonTypes.ts

@@ -3,6 +3,7 @@ import { TIntegrationConfig } from "@formbricks/types/v1/integrations";
 import { TResponsePersonAttributes, TResponseData, TResponseMeta } from "@formbricks/types/v1/responses";
 import {
   TSurveyClosedMessage,
+  TSurveyProductOverwrites,
   TSurveyQuestions,
   TSurveySingleUse,
   TSurveyThankYouCard,
@@ -20,6 +21,7 @@ declare global {
     export type ResponsePersonAttributes = TResponsePersonAttributes;
     export type SurveyQuestions = TSurveyQuestions;
     export type SurveyThankYouCard = TSurveyThankYouCard;
+    export type SurveyProductOverwrites = TSurveyProductOverwrites;
     export type SurveyClosedMessage = TSurveyClosedMessage;
     export type SurveySingleUse = TSurveySingleUse;
     export type SurveyVerifyEmail = TSurveyVerifyEmail;

packages/database/migrations/20231003122730_survey_styling_overwrites/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Survey" ADD COLUMN     "productOverwrites" JSONB;

packages/database/schema.prisma

@@ -251,10 +251,16 @@ model Survey {
   surveyClosedMessage Json?
   /// @zod.custom(imports.ZSurveySingleUse)
   /// [SurveySingleUse]
-  singleUse           Json?                   @default("{\"enabled\": false, \"isEncrypted\": true}")
+
+  /// @zod.custom(imports.ZSurveyProductOverwrites)
+  /// [SurveyProductOverwrites]
+  productOverwrites Json?
+  /// @zod.custom(imports.ZSurveySingleUse)
+  /// [SurveySingleUse]
+  singleUse         Json? @default("{\"enabled\": false, \"isEncrypted\": true}")
   /// @zod.custom(imports.ZSurveyVerifyEmail)
   /// [SurveyVerifyEmail]
-  verifyEmail         Json?
+  verifyEmail       Json?
 }
 
 model Event {

packages/database/zod-utils.ts

@@ -10,6 +10,7 @@ export {
   ZSurveyQuestions,
   ZSurveyThankYouCard,
   ZSurveyClosedMessage,
+  ZSurveyProductOverwrites,
   ZSurveyVerifyEmail,
   ZSurveySingleUse,
 } from "@formbricks/types/v1/surveys";