@onepercentio/one-ui 0.7.1 → 0.7.2

package/dist/components/HSForms/HSForms.d.ts

@@ -1,5 +1,8 @@
-export default function HSForms({ region, partialId, formId, }: {
+export default function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }: {
     region: "na1";
     partialId: string;
     formId: string;
+    className?: string;
+    onFormReady?: (div: HTMLDivElement, form: any) => void;
+    onFormSubmitted?: () => void;
 }): JSX.Element | null;

package/dist/components/HSForms/HSForms.js

@@ -24,28 +24,48 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-function HSForms({ region, partialId, formId, }) {
+function HSForms({ region, partialId, formId, className, onFormReady, onFormSubmitted, }) {
     if (window.PRERENDER)
         return null;
     const container = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        const script = document.createElement("script");
-        script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
-        script.setAttribute("type", "text/javascript");
-        script.setAttribute("charset", "utf-8");
-        script.onload = () => {
-            const createFormScript = document.createElement("script");
-            createFormScript.setAttribute("type", "text/javascript");
-            createFormScript.innerHTML = `hbspt.forms.create({
-        region: "${region}",
-        portalId: "${partialId}",
-        formId: "${formId}",
-      });`;
-            container.current.appendChild(createFormScript);
-        };
-        document.head.appendChild(script);
+        Promise.resolve().then(() => __importStar(require("jquery"))).then((jqueryModule) => {
+            const funcId = String(Math.round(Math.random() * 999999));
+            const idx = `onLoad${funcId}`;
+            const idx2 = `onSubmit${funcId}`;
+            window[idx] = function (form) {
+                if (onFormReady)
+                    onFormReady(container.current, form);
+            };
+            window[idx2] = function () {
+                if (onFormSubmitted)
+                    onFormSubmitted();
+            };
+            window.jQuery = jqueryModule.default;
+            const script = document.createElement("script");
+            script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
+            script.setAttribute("type", "text/javascript");
+            script.setAttribute("charset", "utf-8");
+            script.onload = () => {
+                const createFormScript = document.createElement("script");
+                createFormScript.setAttribute("type", "text/javascript");
+                createFormScript.innerHTML = `hbspt.forms.create({
+          region: "${region}",
+          portalId: "${partialId}",
+          formId: "${formId}",
+          submitButtonClass: '#',
+          css: ' ',
+          cssClass: '#',
+          onFormReady: ${idx},
+          onFormSubmitted: ${idx2},
+          formInstanceId: ${funcId}
+        });`;
+                container.current.appendChild(createFormScript);
+            };
+            document.head.appendChild(script);
+        });
     }, [region, partialId, formId]);
-    return react_1.default.createElement("div", { ref: container });
+    return react_1.default.createElement("div", { ref: container, className: className });
 }
 exports.default = HSForms;
 //# sourceMappingURL=HSForms.js.map

package/dist/components/HSForms/HSForms.js.map

@@ -1 +1 @@
-{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,SAAwB,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,GAKP;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;QAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YACzD,gBAAgB,CAAC,SAAS,GAAG;mBAChB,MAAM;qBACJ,SAAS;mBACX,MAAM;UACf,CAAC;YACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,uCAAK,GAAG,EAAE,SAAS,GAAQ,CAAC;AACrC,CAAC;AA7BD,0BA6BC"}
+{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,SAAwB,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,GAQhB;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kDAAO,QAAS,IAAE,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;YAC1D,MAAM,GAAG,GAAG,SAAS,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,WAAW,MAAM,EAAE,CAAC;YAChC,MAAc,CAAC,GAAU,CAAC,GAAG,UAAU,IAAS;gBAC/C,IAAI,WAAW;oBAAE,WAAW,CAAC,SAAS,CAAC,OAAQ,EAAE,IAAI,CAAC,CAAC;YACzD,CAAC,CAAC;YACD,MAAc,CAAC,IAAW,CAAC,GAAG;gBAC7B,IAAI,eAAe;oBAAE,eAAe,EAAE,CAAC;YACzC,CAAC,CAAC;YACD,MAAc,CAAC,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;YACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;gBACzD,gBAAgB,CAAC,SAAS,GAAG;qBAChB,MAAM;uBACJ,SAAS;qBACX,MAAM;;;;yBAIF,GAAG;6BACC,IAAI;4BACL,MAAM;YACtB,CAAC;gBACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,uCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAQ,CAAC;AAC3D,CAAC;AAtDD,0BAsDC"}

package/dist/context/AsyncProcessQueue.d.ts

@@ -0,0 +1,37 @@
+import React, { PropsWithChildren, ReactElement, RefObject } from "react";
+declare type ReactElementWithState = ReactElement & {
+    status: "loading" | "succeded" | "failed";
+};
+/**
+ * This propagates the utilitary functions
+ */
+export declare function AsyncProcessQueueProvider({ children }: PropsWithChildren<{}>): JSX.Element;
+export declare function useAsyncProcessQueueContext(): {
+    targetElRef: React.RefObject<HTMLElement>;
+    pendingTransactions: {
+        count: number;
+        setCounter: React.Dispatch<React.SetStateAction<number>>;
+        increment: () => void;
+        decrement: () => void;
+        reset: () => void;
+    };
+    UIs: ReactElementWithState[];
+    setUIs: (func: (prev: ReactElementWithState[]) => ReactElementWithState[]) => void;
+};
+declare type AsyncProcessStatuses = "loading" | "succeded" | "failed";
+export interface UIStateFactory {
+    (status: AsyncProcessStatuses, error?: Error, dismiss?: () => void, retry?: () => void): ReactElement;
+}
+/**
+ * This function wraps other async functions and decides when the ongoing promise should be put on the queue or not
+ */
+export declare function useAsyncProcessQueue<T extends {
+    [k: string]: (...args: any[]) => Promise<any>;
+}>(functionsToQueue: T, UIFactory: (functionName: keyof T) => UIStateFactory): T & {
+    elToTransitionToQueue: RefObject<HTMLElement>;
+    /**
+     * Function that wraps the current running actions and animates to the target queue element
+     */
+    wrapQueue: () => void;
+};
+export {};

package/dist/context/AsyncProcessQueue.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncProcessQueue = exports.useAsyncProcessQueueContext = exports.AsyncProcessQueueProvider = void 0;
+const react_1 = __importStar(require("react"));
+const Context = (0, react_1.createContext)(null);
+function useCounter() {
+    const [count, setCounter] = (0, react_1.useState)(0);
+    return {
+        count,
+        setCounter,
+        increment: () => setCounter((prev) => prev + 1),
+        decrement: () => setCounter((prev) => prev - 1),
+        reset: () => setCounter(0),
+    };
+}
+/**
+ * This propagates the utilitary functions
+ */
+function AsyncProcessQueueProvider({ children }) {
+    const targetRef = (0, react_1.useRef)(null);
+    const pendingCounter = useCounter();
+    const [UIs, setUIs] = (0, react_1.useState)([]);
+    return (react_1.default.createElement(Context.Provider, { value: {
+            targetElRef: targetRef,
+            pendingTransactions: pendingCounter,
+            setUIs,
+            UIs,
+        } }, children));
+}
+exports.AsyncProcessQueueProvider = AsyncProcessQueueProvider;
+function useAsyncProcessQueueContext() {
+    return (0, react_1.useContext)(Context);
+}
+exports.useAsyncProcessQueueContext = useAsyncProcessQueueContext;
+function calculateCenter(el) {
+    const boundsOnViewport = el.getBoundingClientRect();
+    return {
+        x: boundsOnViewport.x + boundsOnViewport.width / 2,
+        y: boundsOnViewport.y + boundsOnViewport.height / 2,
+    };
+}
+/**
+ * This function wraps other async functions and decides when the ongoing promise should be put on the queue or not
+ */
+function useAsyncProcessQueue(functionsToQueue, UIFactory) {
+    const loadingRef = (0, react_1.useRef)(null);
+    const wrapped = (0, react_1.useRef)(false);
+    const elToTransitionToQueue = (0, react_1.useRef)(null);
+    const { targetElRef: targetEl, setUIs } = (0, react_1.useContext)(Context);
+    const initialCenter = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        initialCenter.current = {
+            center: calculateCenter(targetEl.current),
+            dimensions: [
+                targetEl.current.clientWidth,
+                targetEl.current.clientHeight,
+            ],
+        };
+    }, []);
+    const wrapQueue = (0, react_1.useCallback)(() => {
+        if (wrapped.current || !loadingRef.current)
+            return;
+        const wrapUI = loadingRef.current;
+        wrapped.current = true;
+        const clone = elToTransitionToQueue.current.cloneNode(true);
+        const currPositionOnViewport = elToTransitionToQueue.current.getBoundingClientRect();
+        const currPosCenter = calculateCenter(elToTransitionToQueue.current);
+        const targetCenter = targetEl.current
+            ? calculateCenter(targetEl.current)
+            : initialCenter.current.center;
+        clone.style.position = "fixed";
+        clone.style.top = `${currPositionOnViewport.top}px`;
+        clone.style.left = `${currPositionOnViewport.left}px`;
+        clone.style.width = `${currPositionOnViewport.width}px`;
+        clone.style.height = `${currPositionOnViewport.height}px`;
+        clone.style.transition = `transform 250ms  ease-out, opacity 250ms ease-in`;
+        clone.style.opacity = "1";
+        clone.ontransitionend = ({ target, currentTarget }) => {
+            if (target === currentTarget)
+                wrapUI();
+        };
+        const targetHeight = Math.min(targetEl.current
+            ? targetEl.current.clientHeight
+            : initialCenter.current.dimensions[1], elToTransitionToQueue.current.clientHeight);
+        const targetWidth = Math.min(targetHeight, targetEl.current
+            ? targetEl.current.clientWidth
+            : initialCenter.current.dimensions[0], elToTransitionToQueue.current.clientWidth);
+        const targetScaleX = targetWidth / elToTransitionToQueue.current.clientWidth;
+        const targetScaleY = targetHeight / elToTransitionToQueue.current.clientHeight;
+        document.body.appendChild(clone);
+        setTimeout(() => {
+            clone.style.opacity = "0";
+            clone.style.transform = `translateX(${targetCenter.x - currPosCenter.x}px) translateY(${targetCenter.y - currPosCenter.y}px) scaleX(${targetScaleX}) scaleY(${targetScaleY})`;
+            clone.addEventListener("transitionend", ({ target, currentTarget }) => {
+                if (target === currentTarget)
+                    clone.remove();
+            });
+        }, 100);
+    }, []);
+    return Object.entries(functionsToQueue).reduce((r, [k, v]) => {
+        const process = (...args) => {
+            const promise = v(...args);
+            loadingRef.current = function () {
+                // Write the loading UI
+                const LoadingUIInstance = Object.assign(Object.assign({}, UIFactory(k)("loading")), { status: "loading" });
+                setUIs((prev) => [
+                    ...prev.filter((a) => a.key !== LoadingUIInstance.key),
+                    LoadingUIInstance,
+                ]);
+                promise.then((result) => {
+                    const UIInstance = UIFactory(k)("succeded");
+                    // Write success UI
+                    setUIs((prev) => prev.map((a) => a === LoadingUIInstance
+                        ? Object.assign(Object.assign({}, UIInstance), { status: "succeded" }) : a));
+                    return result;
+                });
+                promise.catch((error) => {
+                    const UIInstance = UIFactory(k)("failed", error, () => setUIs((prev) => prev.filter((ui) => ui !== UIInstance)), () => {
+                        process(...args);
+                        loadingRef.current();
+                    });
+                    // Write success UI
+                    setUIs((prev) => prev.map((a) => a === LoadingUIInstance
+                        ? Object.assign(Object.assign({}, UIInstance), { status: "failed" }) : a));
+                    throw error;
+                });
+                return promise;
+            };
+            promise.finally(() => {
+                loadingRef.current = null;
+            });
+        };
+        return Object.assign(Object.assign({}, r), { [k]: process });
+    }, { elToTransitionToQueue, wrapQueue });
+}
+exports.useAsyncProcessQueue = useAsyncProcessQueue;
+//# sourceMappingURL=AsyncProcessQueue.js.map

package/dist/context/AsyncProcessQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProcessQueue.js","sourceRoot":"","sources":["../../src/context/AsyncProcessQueue.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useAsyncControl.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export default function useAsyncControl<E, F = any>(functionsToWrap?: F): {
+export default function useAsyncControl<E = any, F = any>(functionsToWrap?: F): {
     process: (asyncFn: () => Promise<any>) => Promise<any>;
     loading: boolean;
     error: Error | E | undefined;

package/dist/hooks/useAsyncControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAAa,eAAmB;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,CAAM,CAAC,CAAC;YACjB,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC,IAChE;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AA/BD,kCA+BC"}
+{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAAmB,eAAmB;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,CAAM,CAAC,CAAC;YACjB,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC,IAChE;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AA/BD,kCA+BC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",
@@ -48,6 +48,7 @@
     "https-browserify": "^1.0.0",
     "inquirer": "^8.2.4",
     "jest": "^27.3.1",
+    "jquery": "^3.6.0",
     "node-fetch": "^2",
     "os-browserify": "^0.3.0",
     "react": "^18.0.0",