@licklist/design 0.58.11-dev.0 → 0.58.11

package/tests/__mock__/hooks/useUserMock.ts

@@ -0,0 +1,13 @@
+import * as useUserHook from "@licklist/plugins/dist/context/user/hooks/useUser";
+
+/**
+ * Mocks custom hook
+ * @param mockReturn
+ */
+const useUserMock = (mockReturn: any = null) => {
+  const useUserHookMock = useUserHook as jest.Mocked<typeof useUserHook>;
+
+  return useUserHookMock.default.mockReturnValue(mockReturn);
+};
+
+export default useUserMock;

package/tests/__mock__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

package/tests/__mock__/windowMock.ts

@@ -0,0 +1,5 @@
+const mockWindow = () => {
+  (global as any).window = Object.create(window);
+};
+
+export default mockWindow;

package/tests/packages/react-query.tsx

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from "react";
+import * as React from "react";
+import { QueryClient, QueryClientProvider, setLogger } from "react-query";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      // ✅ turns retries off
+      retry: false,
+      cacheTime: 0,
+    },
+  },
+});
+
+setLogger({
+  // eslint-disable-next-line no-console
+  log: console.log,
+  // eslint-disable-next-line no-console
+  warn: console.warn,
+  // ✅ no more errors on the console
+  error: () => undefined,
+});
+
+const wrapper = ({ children }: PropsWithChildren<unknown>) => (
+  <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+);
+
+export { queryClient, wrapper };

package/tests/setupTests.ts

@@ -0,0 +1,10 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/extend-expect";
+import { configure } from "enzyme";
+import React16Adapter from "enzyme-adapter-react-16";
+
+configure({ adapter: new React16Adapter() });

package/dist/iframe/ryft/utils/ryft-form.d.ts

@@ -1,5 +0,0 @@
-import { TFunction } from "react-i18next";
-export declare const injectComponentsInRyftForm: ({ t, }: {
-    t: TFunction<string[]>;
-}) => void;
-//# sourceMappingURL=ryft-form.d.ts.map

package/dist/iframe/ryft/utils/ryft-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,0BAA0B;OAGlC,UAAU,MAAM,EAAE,CAAC;UAyCvB,CAAC"}

package/dist/iframe/ryft/utils/ryft-form.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.injectComponentsInRyftForm=function(e){var t=e.t,n=document.getElementById("ryft-pay-iframe"),i=document.getElementById("card-title-container");if(n&&!i){var r=document.createElement("div"),d=document.createElement("div"),a=document.createElement("div");a.id="card-title-container",r.textContent=t("Design:enterCardDetails"),d.className="bold-text form-label",d.innerText=t("Design:paymentDetails"),a.append(r,d),null==n||n.before(a);var o=document.getElementById("ryft-pay-grid");if(o){var m=document.createElement("div"),c=document.createElement("div"),l=document.createElement("div"),s=document.createElement("div");m.className="mobile-pay-title",m.innerText=t("Design:expressCheckoutWith"),c.id="mobile-pay-divider-text",c.innerText="or",l.id="mobile-pay-divider",s.id="mobile-pay-divider-container",s.append(c,l),o.before(m),o.after(s)}}};

package/src/iframe/ryft/utils/ryft-form.ts

@@ -1,47 +0,0 @@
-import { TFunction } from "react-i18next";
-
-export const injectComponentsInRyftForm = ({
-  t,
-}: {
-  t: TFunction<string[]>;
-}) => {
-  const cardContainer = document.getElementById("ryft-pay-iframe");
-  const oldCardDividerContainer = document.getElementById(
-    "card-title-container"
-  );
-
-  if (!cardContainer || oldCardDividerContainer) {
-    return;
-  }
-
-  const cardTitle = document.createElement("div");
-  const cardText = document.createElement("div");
-  const cardTitleContainer = document.createElement("div");
-  cardTitleContainer.id = "card-title-container";
-  cardTitle.textContent = t("Design:enterCardDetails");
-  cardText.className = "bold-text form-label";
-  cardText.innerText = t("Design:paymentDetails");
-  cardTitleContainer.append(cardTitle, cardText);
-  cardContainer?.before(cardTitleContainer);
-
-  const payGrid = document.getElementById("ryft-pay-grid");
-
-  if (!payGrid) {
-    return;
-  }
-
-  // Adding title and divider for apple and google pay button
-  const mobilePayTitle = document.createElement("div");
-  const dividerText = document.createElement("div");
-  const divider = document.createElement("div");
-  const container = document.createElement("div");
-  mobilePayTitle.className = "mobile-pay-title";
-  mobilePayTitle.innerText = t("Design:expressCheckoutWith");
-  dividerText.id = "mobile-pay-divider-text";
-  dividerText.innerText = "or";
-  divider.id = "mobile-pay-divider";
-  container.id = "mobile-pay-divider-container";
-  container.append(dividerText, divider);
-  payGrid.before(mobilePayTitle);
-  payGrid.after(container);
-};