Fix sandbox. (#1117)

sandbox/src/App.js

@@ -10,28 +10,28 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import React from "react.js";
-import { BrowserRouter as Router, Route, Link } from "react-router-dom.js";
+import React from "react";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
 
-import Home from "./Home.js";
-import Consent from "./Consent.js";
-import Personalization from "./Personalization.js";
-import PersonalizationSpa from "./PersonalizationSpa.js";
-import PersonalizationAjo from "./PersonalizationAjo.js";
-import PersonalizationProfile from "./PersonalizationProfile.js";
-import Links from "./Links.js";
-import EventMerge from "./EventMerge.js";
-import LargePayload from "./LargePayload.js";
-import OrgTwo from "./OrgTwo.js";
-import DualTag from "./DualTag.js";
-import RedirectOffers from "./RedirectOffers.js";
-import RedirectedNewPage from "./RedirectedNewPage.js";
-import PersonalizationAnalyticsClientSide from "./PersonalizationAnalyticsClientSide.js";
-import PersonalizationFormBased from "./PersonalizationFormBased.js";
-import Identity from "./Identity.js";
-import AlloyVersion from "./components/AlloyVersion.js";
-import ConfigOverrides from "./ConfigOverrides.jsx.js";
-import InAppMessages from "./components/InAppMessagesDemo/InAppMessages.js";
+import Home from "./Home";
+import Consent from "./Consent";
+import Personalization from "./Personalization";
+import PersonalizationSpa from "./PersonalizationSpa";
+import PersonalizationAjo from "./PersonalizationAjo";
+import PersonalizationProfile from "./PersonalizationProfile";
+import Links from "./Links";
+import EventMerge from "./EventMerge";
+import LargePayload from "./LargePayload";
+import OrgTwo from "./OrgTwo";
+import DualTag from "./DualTag";
+import RedirectOffers from "./RedirectOffers";
+import RedirectedNewPage from "./RedirectedNewPage";
+import PersonalizationAnalyticsClientSide from "./PersonalizationAnalyticsClientSide";
+import PersonalizationFormBased from "./PersonalizationFormBased";
+import Identity from "./Identity";
+import AlloyVersion from "./components/AlloyVersion";
+import ConfigOverrides from "./ConfigOverrides.jsx";
+import InAppMessages from "./components/InAppMessagesDemo/InAppMessages";
 
 const BasicExample = () => {
   return (

sandbox/src/ConfigOverrides.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 
-import React, { useState } from "react.js";
+import React, { useState } from "react";
 
 const defaultOverrides = {
   datastreamId: "",

sandbox/src/Consent.js

@@ -1,9 +1,9 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 import "./Consent.css";
-import Configuration from "./components/Configuration.js";
-import Cookies from "./components/Cookies.js";
+import Configuration from "./components/Configuration";
+import Cookies from "./components/Cookies";
 
 const IAB_OPT_IN =
   "CO1Z4yuO1Z4yuAcABBENArCsAP_AAH_AACiQGCNX_T5eb2vj-3Zdt_tkaYwf55y3o-wzhhaIse8NwIeH7BoGP2MwvBX4JiQCGBAkkiKBAQdtHGhcCQABgIhRiTKMYk2MjzNKJLJAilsbe0NYCD9mnsHT3ZCY70--u__7P3fAwQgkwVLwCRIWwgJJs0ohTABCOICpBwCUEIQEClhoACAnYFAR6gAAAIDAACAAAAEEEBAIABAAAkIgAAAEBAKACIBAACAEaAhAARIEAsAJEgCAAVA0JACKIIQBCDgwCjlACAoAAAAA.YAAAAAAAAAAA";

sandbox/src/DualTag.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import UnsafeContentSecurityPolicy from "./components/UnsafeContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import UnsafeContentSecurityPolicy from "./components/UnsafeContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const loadLaunch = () => {
   const script = document.createElement("script");

sandbox/src/EventMerge.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-console */
 
-import React, { useRef, useEffect } from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React, { useRef, useEffect } from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 export default function EventMerge() {
   useSendPageViewEvent();

sandbox/src/Home.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-console, func-names */
 
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const getIdentity = () => {
   window.alloy("getIdentity", { namespaces: ["ECID"] }).then(function (result) {

sandbox/src/Identity.js

@@ -12,7 +12,7 @@
 
 /* eslint-disable no-console, func-names */
 
-import React, { useEffect, useState } from "react.js";
+import React, { useEffect, useState } from "react";
 
 const readCookies = () => {
   const cookies = {};

sandbox/src/LargePayload.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const makePayload =
   (size, times = 1) =>

sandbox/src/Links.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const adobeLink = () => {
   window.alloy("sendEvent", {

sandbox/src/OrgTwo.js

@@ -1,5 +1,5 @@
-import React from "react.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 export default function OrgTwo() {
   useSendPageViewEvent({ instanceName: "organizationTwo" });

sandbox/src/Personalization.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 export default function Personalization() {
   useSendPageViewEvent();

sandbox/src/PersonalizationAjo.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 export default function PersonalizationAjo() {
   useSendPageViewEvent({ instanceName: "cjmProd" });

sandbox/src/PersonalizationAnalyticsClientSide.js

@@ -1,6 +1,6 @@
-import React, { useEffect } from "react.js";
-import { Link, Route, Switch, useRouteMatch } from "react-router-dom.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
+import React, { useEffect } from "react";
+import { Link, Route, Switch, useRouteMatch } from "react-router-dom";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
 import {
   getFormBasedOffer,
   personalizationEvent,

sandbox/src/PersonalizationFormBased.js

@@ -1,6 +1,6 @@
-import React, { useEffect, useState } from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React, { useEffect, useState } from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const SCOPES_FOR_PAGE = ["sandbox-personalization-page2"];
 

sandbox/src/PersonalizationProfile.js

@@ -1,6 +1,6 @@
-import React from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 export default function Personalization() {
   useSendPageViewEvent({

sandbox/src/PersonalizationSpa.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from "react.js";
-import { Switch, Route, useRouteMatch, Link } from "react-router-dom.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
-import useSendPageViewEvent from "./useSendPageViewEvent.js";
+import React, { useEffect, useState } from "react";
+import { Switch, Route, useRouteMatch, Link } from "react-router-dom";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
+import useSendPageViewEvent from "./useSendPageViewEvent";
 
 const usePropositions = ({ viewName }) => {
   const [propositions, setPropositions] = useState(undefined);

sandbox/src/RedirectOffers.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 
-import React, { useEffect } from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
+import React, { useEffect } from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
 
 export default function RedirectOffers() {
   useEffect(() => {

sandbox/src/RedirectedNewPage.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 
-import React, { useEffect } from "react.js";
-import ContentSecurityPolicy from "./components/ContentSecurityPolicy.js";
+import React, { useEffect } from "react";
+import ContentSecurityPolicy from "./components/ContentSecurityPolicy";
 
 export default function RedirectedNewPage() {
   useEffect(() => {

sandbox/src/components/AlloyVersion.js

@@ -9,7 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-import React, { useEffect, useState } from "react.js";
+import React, { useEffect, useState } from "react";
 
 const useAlloyVersion = (instanceName = "alloy") => {
   const [version, setVersion] = useState("0.0.0");

sandbox/src/components/Configuration.js

@@ -1,4 +1,4 @@
-import React from "react.js";
+import React from "react";
 
 const getQueryStringParameter = (key) => {
   const searchParams = new URLSearchParams(window.location.search);

sandbox/src/components/ContentSecurityPolicy.js

@@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import React from "react.js";
-import { Helmet } from "react-helmet.js";
+import React from "react";
+import { Helmet } from "react-helmet";
 
 export default function ContentSecurityPolicy() {
   return (

sandbox/src/components/Cookies.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-console, func-names */
 
-import React, { useEffect, useState } from "react.js";
+import React, { useEffect, useState } from "react";
 
 const KONDUCTOR_COOKIE_PREFIX = "kndctr_5BFE274A5F6980A50A495C08_AdobeOrg_";
 const LEGACY_IDENTITY_COOKIE = "AMCV_5BFE274A5F6980A50A495C08%40AdobeOrg";

sandbox/src/components/InAppMessagesDemo/InAppMessages.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-bitwise, no-console */
-import React, { useEffect, useState } from "react.js";
-import ContentSecurityPolicy from "../ContentSecurityPolicy.js";
+import React, { useEffect, useState } from "react";
+import ContentSecurityPolicy from "../ContentSecurityPolicy";
 import "./InAppMessagesStyle.css";
 
 const configKey =

sandbox/src/components/UnsafeContentSecurityPolicy.js

@@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import React from "react.js";
-import { Helmet } from "react-helmet.js";
+import React from "react";
+import { Helmet } from "react-helmet";
 
 export default function UnsafeContentSecurityPolicy() {
   return (

sandbox/src/index.js

@@ -11,10 +11,10 @@ governing permissions and limitations under the License.
 */
 
 import "@babel/polyfill";
-import React from "react.js";
-import ReactDOM from "react-dom.js";
-import App from "./App.js";
-import * as serviceWorker from "./serviceWorker.js";
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./App";
+import * as serviceWorker from "./serviceWorker";
 
 ReactDOM.render(<App />, document.getElementById("root"));
 

sandbox/src/personalizationAnalyticsClientSideHelper.js

@@ -4,7 +4,7 @@ import {
   getDisplayAnalyticsToken,
   getECID,
 } from "./analyticsTokenHandler";
-import { sendAnalyticsPayload } from "./DataInsertionAPI.js";
+import { sendAnalyticsPayload } from "./DataInsertionAPI";
 
 // this org is configured to have Analytics disabled thus it is A4T Client Side Logging
 const instanceName = "organizationTwo";

sandbox/src/useSendPageViewEvent.js

@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { useEffect } from "react.js";
+import { useEffect } from "react";
 
 const isNonEmptyArray = (value) => Array.isArray(value) && value.length > 0;
 
@@ -29,7 +29,6 @@ export default ({
       xdm.web = {
         webPageDetails: {
           viewName,
-          pageName: viewName,
         },
       };
     }