@wix/editor-react-components 1.2153.0

package/dist/site/components/GoogleMap/components/GoogleMapMarker.d.ts

@@ -0,0 +1,4 @@
+import { GoogleMapMarkerProps } from '../GoogleMap.types';
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<({ location, infoWindowOpen, onMarkerClick, onInfoWindowClose, showDirectionLink, allyTargetBlankDescription, }: GoogleMapMarkerProps) => React.JSX.Element | null>;
+export default _default;

package/dist/site/components/GoogleMap/components/GoogleMapReact.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+import { IGoogleMapsImperativeActions } from '../GoogleMap.types';
+declare const GoogleMapReact: React.ForwardRefExoticComponent<{
+    onUpdateCenter?: ((center: {
+        latitude: number;
+        longitude: number;
+    }) => void) | undefined;
+    onUpdateZoom?: ((event: {
+        zoom: number;
+    }) => void) | undefined;
+    onMarkerClicked?: ((event: any) => void) | undefined;
+    onMapClicked?: ((event: any) => void) | undefined;
+    onMapMount?: (() => void) | undefined;
+} & {
+    id: string;
+    className?: string | undefined;
+    skin?: import('../GoogleMap.types').GoogleMapSkin | undefined;
+    customClassNames?: string[] | undefined;
+    translations: import('../GoogleMap.types').GoogleMapTranslations;
+    lang?: string | undefined;
+    language?: string | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    mapData: import('../GoogleMap.types').GoogleMapMapData;
+    isConsentPolicyActive?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    consentPolicy?: {
+        policy: Record<string, boolean | undefined>;
+    } | undefined;
+    openSettingModal?: (() => void) | undefined;
+    hasRequiredConsent?: boolean | undefined;
+    componentConsentPolicy?: Record<string, boolean> | undefined;
+} & {
+    MapContent: React.ComponentType<{
+        onUpdateCenter?: ((center: {
+            latitude: number;
+            longitude: number;
+        }) => void) | undefined;
+        onUpdateZoom?: ((event: {
+            zoom: number;
+        }) => void) | undefined;
+        onMarkerClicked?: ((event: any) => void) | undefined;
+        onMapClicked?: ((event: any) => void) | undefined;
+        onMapMount?: (() => void) | undefined;
+    } & {
+        id: string;
+        className?: string | undefined;
+        skin?: import('../GoogleMap.types').GoogleMapSkin | undefined;
+        customClassNames?: string[] | undefined;
+        translations: import('../GoogleMap.types').GoogleMapTranslations;
+        lang?: string | undefined;
+        language?: string | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        mapData: import('../GoogleMap.types').GoogleMapMapData;
+        isConsentPolicyActive?: boolean | undefined;
+        isMobile?: boolean | undefined;
+        consentPolicy?: {
+            policy: Record<string, boolean | undefined>;
+        } | undefined;
+        openSettingModal?: (() => void) | undefined;
+        hasRequiredConsent?: boolean | undefined;
+        componentConsentPolicy?: Record<string, boolean> | undefined;
+    } & React.RefAttributes<IGoogleMapsImperativeActions>>;
+} & React.RefAttributes<IGoogleMapsImperativeActions>>;
+export default GoogleMapReact;

package/dist/site/components/GoogleMap/components/GoogleMapReactInteractiveMap.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { IGoogleMapsImperativeActions } from '../GoogleMap.types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    onUpdateCenter?: ((center: {
+        latitude: number;
+        longitude: number;
+    }) => void) | undefined;
+    onUpdateZoom?: ((event: {
+        zoom: number;
+    }) => void) | undefined;
+    onMarkerClicked?: ((event: any) => void) | undefined;
+    onMapClicked?: ((event: any) => void) | undefined;
+    onMapMount?: (() => void) | undefined;
+} & {
+    id: string;
+    className?: string | undefined;
+    skin?: import('../GoogleMap.types').GoogleMapSkin | undefined;
+    customClassNames?: string[] | undefined;
+    translations: import('../GoogleMap.types').GoogleMapTranslations;
+    lang?: string | undefined;
+    language?: string | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    mapData: import('../GoogleMap.types').GoogleMapMapData;
+    isConsentPolicyActive?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    consentPolicy?: {
+        policy: Record<string, boolean | undefined>;
+    } | undefined;
+    openSettingModal?: (() => void) | undefined;
+    hasRequiredConsent?: boolean | undefined;
+    componentConsentPolicy?: Record<string, boolean> | undefined;
+} & React.RefAttributes<IGoogleMapsImperativeActions>>>;
+export default _default;

package/dist/site/components/GoogleMap/consts.d.ts

@@ -0,0 +1,171 @@
+export declare const DEFAULT_ZOOM = 14;
+export declare const MIN_ZOOM = 0;
+export declare const MAX_ZOOM = 20;
+export declare const API_KEY: string;
+export declare const GOOGLE_MAPS_DIRECTIONS_BASE_URL = "https://www.google.com/maps/dir/";
+export declare const PIN_ICON_HEIGHT = 32;
+export declare const MAP_STYLE_KEYS: {
+    readonly CLASSIC: "CLASSIC";
+    readonly SNOWWHITE: "SNOWWHITE";
+    readonly GRAYSCALE: "GRAYSCALE";
+    readonly SATELLITE: "SATELLITE";
+};
+export declare const MAP_IDS: {
+    readonly CLASSIC: "97492c268b484efea51bbdb0";
+    readonly SNOWWHITE: "97492c268b484efca25c0674";
+    readonly GRAYSCALE: "97492c268b484eff57e02cb3";
+    readonly SATELLITE: "97492c268b484efea51bbdb0";
+};
+export declare const MAP_TYPES: {
+    readonly CLASSIC: "ROADMAP";
+    readonly SNOWWHITE: "ROADMAP";
+    readonly GRAYSCALE: "ROADMAP";
+    readonly SATELLITE: "HYBRID";
+};
+export declare const TestIds: {
+    map: string;
+    advancedMarker: string;
+    markerImage: string;
+    markerSvg: string;
+    infoWindow: string;
+    infoWindowHeader: string;
+    infoWindowContent: string;
+    infoWindowClose: string;
+    markerLink: string;
+    markerDirectionsLink: string;
+};
+export declare const defaultValues: {
+    readonly locations: {
+        readonly address: "500 Terry Francois Street, 6th Floor. San Francisco, CA 94158";
+        readonly latitude: 37.77065;
+        readonly longitude: -122.387301;
+        readonly title: "Wix Office";
+        readonly pinIcon: "https://static.parastorage.com/services/santa-resources/resources/editor/designPanel/panelTypes/default_pin_icon.png";
+    };
+    readonly showDirectionsLink: true;
+    readonly showMapType: false;
+    readonly showZoom: true;
+    readonly showStreetView: false;
+    readonly mapInteractive: true;
+    readonly zoom: 14;
+    readonly mapStyleKey: "CLASSIC";
+};
+export declare const DEFAULT_LOCATION: {
+    address: string;
+    description: string;
+    latitude: number;
+    longitude: number;
+    title: string;
+};
+export declare const COMPONENT_NAME_KEY = "CookieConsent_Dataset_Component_GoogleMap";
+export declare const COMPONENT_NAME_DEFAULT = "Google Maps";
+export declare const COMPANY_NAME_KEY = "CookieConsent_Dataset_Company_Google";
+export declare const COMPANY_NAME_DEFAULT = "Google";
+export declare const DisplayNames: {
+    root: {
+        elementDisplayName: string;
+        customActions: {
+            manageLocations: {
+                displayName: string;
+                locationsList: {
+                    addLocationButton: string;
+                    centeredOnMapTooltip: string;
+                    moreActionsTooltip: string;
+                    options: {
+                        recenterMap: string;
+                        edit: string;
+                        delete: string;
+                    };
+                };
+                locationsForm: {
+                    backButton: string;
+                    previewMapButton: string;
+                    addAnotherButton: string;
+                    address: {
+                        displayName: string;
+                        placeholder: string;
+                        emptyAddressErrorTooltip: string;
+                    };
+                    label: {
+                        displayName: string;
+                        placeholder: string;
+                    };
+                    description: {
+                        displayName: string;
+                        placeholder: string;
+                    };
+                    linksTo: {
+                        displayName: string;
+                        placeholder: string;
+                    };
+                    linkText: string;
+                };
+            };
+        };
+        data: {
+            mapInteractive: string;
+            zoom: string;
+            pinIcon: string;
+            showDirectionsLink: string;
+            showMapType: string;
+            showZoom: string;
+            showStreetView: string;
+            mapStyleKey: {
+                displayName: string;
+                options: {
+                    standard: string;
+                    light: string;
+                    dark: string;
+                    satellite: string;
+                };
+            };
+        };
+        cssProperties: {
+            gap: string;
+        };
+        cssCustomProperties: {
+            'content-horizontal-alignment': string;
+            'icon-position': string;
+        };
+    };
+};
+export declare const ADD_LOCATION_BI_PARAMS: {
+    control_target_variable_name: string;
+    action_type: string;
+    control_type: string;
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    panel_builder: string;
+    control_id: string;
+};
+export declare const RECENTER_BI_PARAMS: {
+    control_target_variable_name: string;
+    action_type: string;
+    control_type: string;
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    panel_builder: string;
+    control_id: string;
+};
+export declare const EDIT_BI_PARAMS: {
+    control_target_variable_name: string;
+    action_type: string;
+    control_type: string;
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    panel_builder: string;
+    control_id: string;
+};
+export declare const DELETE_BI_PARAMS: {
+    control_target_variable_name: string;
+    action_type: string;
+    control_type: string;
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    panel_builder: string;
+    control_id: string;
+};

package/dist/site/components/GoogleMap/css.css

@@ -0,0 +1,372 @@
+.mapContainer__E0LTn {
+  width: 100%;
+  height: 100%;
+}.title__jE00O {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 15px;
+}
+
+.description__bjRoW {
+  font-size: 13px;
+  font-weight: 400;
+  color: #333;
+}
+
+.link__AM1ap {
+  display: block;
+  font-size: 13px;
+  font-weight: 400;
+  color: var(--wst-links-and-actions-color, #1a73e8);
+  text-decoration: underline;
+}
+
+.pinIcon__PgsnW svg {
+  width: 32px;
+  height: 32px;
+}
+
+.srOnly__BD6KL {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
+  border: 0;
+}
+.root__CGREm {
+  box-shadow: none !important;
+}
+
+.noConsentBox__mrFy- {
+  text-align: center;
+  container-type: size;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: rgb(var(--color_11));
+}
+.noConsentBox__mrFy- * {
+  box-sizing: border-box;
+}
+
+.textBox__VgZcv {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  border: 1px solid rgba(var(--color_15), 0.3);
+  border-radius: 2px;
+  height: 100%;
+  padding: 20px;
+}
+.textBox__VgZcv .cookieIcon__fOOVu {
+  fill: rgb(var(--color_15));
+  margin-bottom: 12px;
+}
+
+.largeTextBox__-nB4W {
+  display: none;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+}
+
+.mediumTextBox__59Vot {
+  display: none;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+}
+
+.smallTextBox__8nP4K {
+  display: none;
+  justify-content: flex-start;
+}
+
+.tinyTextBox__arVSF {
+  display: flex;
+  height: 100%;
+  border: 1px solid rgba(var(--color_15), 0.3);
+  border-radius: 2px;
+}
+.tinyTextBox__arVSF button {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2 {
+  position: relative;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2 div {
+  display: flex;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2:hover .cookieIcon__fOOVu {
+  opacity: 0.7;
+}
+
+@container (width > 300px) and (height > 180px) {
+  .largeTextBox__-nB4W {
+    display: flex;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container (280px < width <= 300px) and (160px <= height) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: flex;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container ((200px <= width <= 280px) and (160px <= height)) or ((150px <= width <= 200px) and (200px <= height)) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: flex;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container (width < 200px) and (height < 200px) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: flex;
+  }
+}.textDiv__CmQKK {
+  align-items: center;
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.textWithLinkBox__M40jU {
+  display: block;
+  font: var(--font_8);
+  font-size: 16px;
+  color: rgb(var(--color_15));
+}
+
+.tooltipTextBox__3WCSS {
+  box-sizing: border-box;
+  text-align: center;
+  font: var(--font_8);
+  width: 320px;
+  font-size: 16px;
+  padding: 20px;
+  background-color: #ffffff;
+  position: relative;
+  color: #000000;
+}
+
+@media (max-width: 767px) {
+  .tooltipTextBox__3WCSS {
+    width: 280px;
+    padding: 20px;
+  }
+}
+.tooltipButton__UQ8an {
+  position: relative;
+}
+.tooltipButton__UQ8an .cookieIcon__FyZlm {
+  fill: rgb(var(--color_15));
+  margin-bottom: 12px;
+}
+.tooltipButton__UQ8an:hover .cookieIcon__FyZlm {
+  opacity: 0.7;
+}
+.tooltipButton__UQ8an::after {
+  position: absolute;
+  content: "";
+  left: -12px;
+  right: -12px;
+  top: -12px;
+  bottom: -8px;
+}
+
+.textButton__z-AfY {
+  text-decoration: underline;
+  color: rgb(var(--color_18));
+  cursor: pointer;
+  font: var(--font_8);
+  font-size: 16px;
+  touch-action: manipulation;
+}
+.textButton__z-AfY:hover {
+  opacity: 0.7;
+}
+
+.tooltipTextButton__9Fi7o {
+  text-decoration: underline;
+  color: #004fff;
+  cursor: pointer;
+  font: var(--font_8);
+  font-size: 16px;
+  touch-action: manipulation;
+}
+.tooltipTextButton__9Fi7o:hover {
+  opacity: 0.7;
+}
+
+.tooltipIconWrapper__Q5IUf {
+  display: flex;
+}
+
+.tooltip__Ahucg {
+  position: absolute;
+  visibility: hidden;
+  z-index: var(--portals-z-index);
+  opacity: 0.99;
+  transition: opacity 1ms linear, box-shadow 0ms linear 10ms;
+}
+.tooltip__Ahucg:focus {
+  z-index: var(--portals-z-index) !important;
+  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #116dff !important;
+}
+.tooltip__Ahucg:focus-within {
+  opacity: 1;
+}
+
+.showTooltip__qzdh4 {
+  visibility: visible;
+}
+
+.tooltipEntered__B0MHZ {
+  transition: opacity 1ms linear, box-shadow 0ms linear 0ms;
+}
+
+.animationBox__uZDo1 {
+  position: relative;
+  animation-duration: 400ms;
+  animation-timing-function: ease;
+  animation-fill-mode: forwards;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 0px 4px rgba(0, 0, 0, 0.1);
+  font-size: 16px;
+  background-color: #ffffff;
+  border-radius: 2px;
+  display: inline-block;
+}
+
+.arrow__crH5d {
+  visibility: hidden;
+}
+
+.arrow__crH5d,
+.arrow__crH5d::before {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background: inherit;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 0px 4px rgba(0, 0, 0, 0.1);
+  z-index: -1;
+  background-color: #ffffff;
+}
+
+.arrow__crH5d::before {
+  position: absolute;
+  content: "";
+  transform: rotate(45deg);
+}
+
+.showTooltip__qzdh4 .arrow__crH5d::before {
+  visibility: visible;
+}
+
+.tooltip__Ahucg[data-popper-placement^=top].showTooltip__qzdh4 .arrow__crH5d {
+  bottom: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=top].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideTop__n9GW5;
+}
+
+.tooltip__Ahucg[data-popper-placement^=bottom].showTooltip__qzdh4 .arrow__crH5d {
+  top: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=bottom].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideBottom__l4Nhf;
+}
+
+.tooltip__Ahucg[data-popper-placement^=left].showTooltip__qzdh4 .arrow__crH5d {
+  right: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=left].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideLeft__wUJSn;
+}
+
+.tooltip__Ahucg[data-popper-placement^=right].showTooltip__qzdh4 .arrow__crH5d {
+  left: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=right].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideRight__Ur0SA;
+}
+
+@keyframes slideTop__n9GW5 {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideBottom__l4Nhf {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideLeft__wUJSn {
+  from {
+    opacity: 0;
+    transform: translateX(10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideRight__Ur0SA {
+  from {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}

package/dist/site/components/GoogleMap/hooks/useGoogleMapProps.d.ts

@@ -0,0 +1,13 @@
+import { GoogleMapSettingsProps, GoogleMapMapData, GoogleMapWithConsentProps } from '../GoogleMap.types';
+type GoogleMapPropsWithConsent = GoogleMapWithConsentProps & {
+    hasRequiredConsent?: boolean;
+    componentConsentPolicy?: Record<string, boolean>;
+};
+declare const useGoogleMapProps: (props: GoogleMapSettingsProps & {
+    id: string;
+    className?: string;
+}) => {
+    componentProps: Omit<GoogleMapPropsWithConsent, 'mapData'>;
+    mapData: GoogleMapMapData;
+};
+export default useGoogleMapProps;

package/dist/site/components/GoogleMap/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as GoogleMap } from './component';

package/dist/site/components/GoogleMap/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import GoogleMap from './component.js';
+
+export { GoogleMap };
+export default GoogleMap;

package/dist/site/components/GoogleMap/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;