Merge pull request #530 from paziresh24/next

show survey to external-book users

.plasmic/ExternalBookSurveyPopup.tsx

@@ -0,0 +1,49 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicExternalBookSurveyPopup,
+  DefaultExternalBookSurveyPopupProps
+} from "./plasmic/paziresh_24_search/PlasmicExternalBookSurveyPopup";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface ExternalBookSurveyPopupProps extends Omit<DefaultExternalBookSurveyPopupProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultExternalBookSurveyPopupProps altogether and have
+// total control over the props for your component.
+export interface ExternalBookSurveyPopupProps
+  extends DefaultExternalBookSurveyPopupProps {}
+
+function ExternalBookSurveyPopup_(
+  props: ExternalBookSurveyPopupProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicExternalBookSurveyPopup to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicExternalBookSurveyPopup are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all ExternalBookSurveyPopupProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicExternalBookSurveyPopup root={{ ref }} {...props} />;
+}
+
+const ExternalBookSurveyPopup = React.forwardRef(ExternalBookSurveyPopup_);
+export default ExternalBookSurveyPopup;

.plasmic/plasmic/paziresh_24_search/PlasmicExternalBookSurveyPopup.module.css

@@ -0,0 +1,14 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  height: auto;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 0;
+}
+.showSurveyPopupRemoveCookie:global(.__wab_instance) {
+  max-width: 100%;
+  object-fit: cover;
+}