@react-pakistan/util-functions 1.23.32 → 1.23.34

package/storybook/react-logo-collection.js

@@ -12,41 +12,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactLogos = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_logo_story_template_1 = require("./react-logo-story-template");
-const generateReactLogos = (fs) => {
-    const logoDir = './assets/';
-    const saveDir = './src/__stories__/';
-    let logoListOutput = '';
-    let level1FileName = '';
+var react_logo_story_template_1 = require("./react-logo-story-template");
+var generateReactLogos = function (fs) {
+    var logoDir = './assets/';
+    var saveDir = './src/__stories__/';
+    var logoListOutput = '';
+    var level1FileName = '';
     // Read root Logo directory
-    fs.readdirSync(logoDir).forEach((fileName) => {
+    fs.readdirSync(logoDir).forEach(function (fileName) {
         if (fileName === '.DS_Store')
             return;
-        const level1Dir = `${logoDir}${fileName}`;
-        logoListOutput = `/**
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import * as Logos from '../${fileName}';
-
-export const LOGO_LIST = [
-`;
+        var level1Dir = "".concat(logoDir).concat(fileName);
+        logoListOutput = "/**\n * Generated by scripts/generate-logos.js\n * DO NOT EDIT!\n */\n\nimport * as Logos from '../".concat(fileName, "';\n\nexport const LOGO_LIST = [\n");
         // Read level1-directory
-        fs.readdirSync(level1Dir).forEach((_level1FileName) => {
+        fs.readdirSync(level1Dir).forEach(function (_level1FileName) {
             if (_level1FileName === '.DS_Store')
                 return;
             level1FileName = _level1FileName;
-            logoListOutput += `  { logo: Logos.${level1FileName.split('.')[0]}, name: '${level1FileName.split('.')[0]}' },
-`;
+            logoListOutput += "  { logo: Logos.".concat(level1FileName.split('.')[0], ", name: '").concat(level1FileName.split('.')[0], "' },\n");
         });
-        logoListOutput += `];
-`;
-        const categoryName = fileName.split('-')
-            .map((str) => str[0].toUpperCase() + str.slice(1)).join('');
-        const story = (0, react_logo_story_template_1.reactLogoStoryTemplate)(categoryName, fileName);
-        fs.writeFileSync(`${saveDir}/${fileName}.ts`, logoListOutput);
-        fs.writeFileSync(`${saveDir}/${fileName}.story.tsx`, story);
+        logoListOutput += "];\n";
+        var categoryName = fileName.split('-')
+            .map(function (str) { return str[0].toUpperCase() + str.slice(1); }).join('');
+        var story = (0, react_logo_story_template_1.reactLogoStoryTemplate)(categoryName, fileName);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".ts"), logoListOutput);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".story.tsx"), story);
     });
 };
 exports.generateReactLogos = generateReactLogos;

package/storybook/react-logo-story-script.js

@@ -11,23 +11,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactLogoScript = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateReactLogoScript = (fs) => {
-    const svgDir = './assets/';
-    const saveDir = './scripts/';
-    let scriptOutput = `# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;
+var generateReactLogoScript = function (fs) {
+    var svgDir = './assets/';
+    var saveDir = './scripts/';
+    var scriptOutput = "# Generated by scripts/generate-script.js\n# DO NO EDIT\n\n";
     // Read root Svg logo directory
-    fs.readdirSync(svgDir).forEach((folderName) => {
+    fs.readdirSync(svgDir).forEach(function (folderName) {
         if (folderName === '.DS_Store')
             return;
-        const flowArray = folderName.split('-');
-        const flow = flowArray[flowArray.length - 1];
+        var flowArray = folderName.split('-');
+        var flow = flowArray[flowArray.length - 1];
         // eslint-disable-next-line max-len
-        scriptOutput += `svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-${flow}.js -d src/${folderName} --ext tsx assets/${folderName}
-`;
+        scriptOutput += "svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-".concat(flow, ".js -d src/").concat(folderName, " --ext tsx assets/").concat(folderName, "\n");
     });
-    fs.writeFileSync(`${saveDir}all-scripts.sh`, scriptOutput);
+    fs.writeFileSync("".concat(saveDir, "all-scripts.sh"), scriptOutput);
 };
 exports.generateReactLogoScript = generateReactLogoScript;

package/storybook/react-logo-story-template.js

@@ -11,50 +11,5 @@
 /** End file docs */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactLogoStoryTemplate = void 0;
-const reactLogoStoryTemplate = (category, logoListDirName) => `/*
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import React, { FC, ReactElement } from 'react';
-import { LogoWrapper, LogoTextWrapper, LogoItem, ILogoProps } from '../styled';
-import { StyledStory } from '../styled-app';
-import { LOGO_LIST } from './${logoListDirName}';
-
-const logoStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { logo: FC<ILogoProps>, name: string }
-): ReactElement => {
-  const Logo = item.logo;
-  return (
-    <LogoItem
-      key={item.name}
-    >
-      <Logo style={logoStyle} />
-      <LogoTextWrapper>
-        {item.name}
-      </LogoTextWrapper>
-    </LogoItem>
-  );
-};
-
-const logos = LOGO_LIST.map(renderItem);
-
-export const ${category} = (): ReactElement => (
-  <StyledStory>
-    <LogoWrapper>
-      {logos}
-    </LogoWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: 'Logo/${category}',
-
-  parameters: {
-    component: ${category},
-  },
-};
-`;
+var reactLogoStoryTemplate = function (category, logoListDirName) { return "/*\n * Generated by scripts/generate-logos.js\n * DO NOT EDIT!\n */\n\nimport React, { FC, ReactElement } from 'react';\nimport { LogoWrapper, LogoTextWrapper, LogoItem, ILogoProps } from '../styled';\nimport { StyledStory } from '../styled-app';\nimport { LOGO_LIST } from './".concat(logoListDirName, "';\n\nconst logoStyle = { width: '7rem', height: '7rem' };\n\nconst renderItem = (\n  item: { logo: FC<ILogoProps>, name: string }\n): ReactElement => {\n  const Logo = item.logo;\n  return (\n    <LogoItem\n      key={item.name}\n    >\n      <Logo style={logoStyle} />\n      <LogoTextWrapper>\n        {item.name}\n      </LogoTextWrapper>\n    </LogoItem>\n  );\n};\n\nconst logos = LOGO_LIST.map(renderItem);\n\nexport const ").concat(category, " = (): ReactElement => (\n  <StyledStory>\n    <LogoWrapper>\n      {logos}\n    </LogoWrapper>\n  </StyledStory>\n);\n\nexport default {\n  title: 'Logo/").concat(category, "',\n\n  parameters: {\n    component: ").concat(category, ",\n  },\n};\n"); };
 exports.reactLogoStoryTemplate = reactLogoStoryTemplate;

package/storybook/responsive-component.js

@@ -1,51 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsiveComponent = void 0;
-const theme_1 = require("./theme");
-const responsiveComponent = ({ $desktop, $laptop, $laptopL, $mobileL, $mobileM, $mobileS, $tablet, }) => {
-    const mobileSToReturn = $mobileS && `
-    @media ${theme_1.theme.breakpoints.mobileS} {
-      ${$mobileS}
-    }
-  `;
-    const mobileMToReturn = $mobileM && `
-    @media ${theme_1.theme.breakpoints.mobileM} {
-      ${$mobileM}
-    }
-  `;
-    const mobileLToReturn = $mobileL && `
-    @media ${theme_1.theme.breakpoints.mobileL} {
-      ${$mobileL}
-    }
-  `;
-    const tabletToReturn = $tablet && `
-    @media ${theme_1.theme.breakpoints.tablet} {
-      ${$tablet}
-    }
-  `;
-    const laptopToReturn = $laptop && `
-    @media ${theme_1.theme.breakpoints.laptop} {
-      ${$laptop}
-    }
-  `;
-    const laptopLToReturn = $laptopL && `
-    @media ${theme_1.theme.breakpoints.laptopL} {
-      ${$laptopL}
-    }
-  `;
-    const desktopToReturn = $desktop && `
-    @media ${theme_1.theme.breakpoints.desktop} {
-      ${$desktop}
-    }
-  `;
-    return `
-    ${mobileSToReturn}
-    ${mobileMToReturn}
-    ${mobileLToReturn}
-    ${tabletToReturn}
-    ${laptopToReturn}
-    ${laptopLToReturn}
-    ${desktopToReturn}
-  `;
+var theme_1 = require("./theme");
+var responsiveComponent = function (_a) {
+    var $desktop = _a.$desktop, $laptop = _a.$laptop, $laptopL = _a.$laptopL, $mobileL = _a.$mobileL, $mobileM = _a.$mobileM, $mobileS = _a.$mobileS, $tablet = _a.$tablet;
+    var mobileSToReturn = $mobileS && "\n    @media ".concat(theme_1.theme.breakpoints.mobileS, " {\n      ").concat($mobileS, "\n    }\n  ");
+    var mobileMToReturn = $mobileM && "\n    @media ".concat(theme_1.theme.breakpoints.mobileM, " {\n      ").concat($mobileM, "\n    }\n  ");
+    var mobileLToReturn = $mobileL && "\n    @media ".concat(theme_1.theme.breakpoints.mobileL, " {\n      ").concat($mobileL, "\n    }\n  ");
+    var tabletToReturn = $tablet && "\n    @media ".concat(theme_1.theme.breakpoints.tablet, " {\n      ").concat($tablet, "\n    }\n  ");
+    var laptopToReturn = $laptop && "\n    @media ".concat(theme_1.theme.breakpoints.laptop, " {\n      ").concat($laptop, "\n    }\n  ");
+    var laptopLToReturn = $laptopL && "\n    @media ".concat(theme_1.theme.breakpoints.laptopL, " {\n      ").concat($laptopL, "\n    }\n  ");
+    var desktopToReturn = $desktop && "\n    @media ".concat(theme_1.theme.breakpoints.desktop, " {\n      ").concat($desktop, "\n    }\n  ");
+    return "\n    ".concat(mobileSToReturn, "\n    ").concat(mobileMToReturn, "\n    ").concat(mobileLToReturn, "\n    ").concat(tabletToReturn, "\n    ").concat(laptopToReturn, "\n    ").concat(laptopLToReturn, "\n    ").concat(desktopToReturn, "\n  ");
 };
 exports.responsiveComponent = responsiveComponent;

package/storybook/theme.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.theme = void 0;
-const colors = {
+var colors = {
     absoluteWhite: '#FFFFFF',
     absoluteBlack: '#000000',
     ash50: '#FBFBFD',
@@ -427,7 +427,7 @@ const colors = {
     skyBlue: '#1E90FF',
     white: '#FFFFFF',
 };
-const typography = {
+var typography = {
     fontFamily: 'Montserrat',
     h1: {
         fontFamily: 'Playfair Display',
@@ -692,7 +692,7 @@ const typography = {
     },
 };
 exports.theme = {
-    typography,
+    typography: typography,
     avatarSizes: {
         small: '16px',
         medium: '24px',
@@ -708,7 +708,7 @@ exports.theme = {
         laptopL: 'only screen and (min-width: 1440px) and (max-width: 2559px)',
         desktop: 'only screen and (min-width: 2560px)',
     },
-    colors,
+    colors: colors,
     // light: {
     //   neutral0: '',
     //   get neutral0Val() { return this.colors.white; },

package/general/upload-image-blob-to-private-supabase.d.ts

@@ -1,11 +0,0 @@
-export interface UploadImageBlobToPrivateSupabaseArgs {
-    blob: Blob;
-    contentType: string;
-    fileRef: string;
-    supabase: any;
-    upsert: boolean;
-}
-export declare const uploadImageBlobToPrivateSupabase: ({ blob, contentType, fileRef, supabase, upsert, }: UploadImageBlobToPrivateSupabaseArgs) => Promise<{
-    data: any;
-    error: any;
-}>;

package/general/upload-image-blob-to-private-supabase.js

@@ -1,27 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadImageBlobToPrivateSupabase = void 0;
-const uploadImageBlobToPrivateSupabase = (_a) => __awaiter(void 0, [_a], void 0, function* ({ blob, contentType, fileRef, supabase, upsert, }) {
-    const { data, error } = yield supabase.storage
-        .from(process.env.NEXT_PUBLIC_SUPABASE_PRIVATE_BUCKET)
-        .upload(fileRef, blob, {
-        cacheControl: process.env.NEXT_PUBLIC_SUPABASE_CACHE_CONTROL,
-        contentType,
-        upsert,
-    });
-    return {
-        data,
-        error,
-    };
-});
-exports.uploadImageBlobToPrivateSupabase = uploadImageBlobToPrivateSupabase;

package/general/upload-image-blob-to-public-supabase.d.ts

@@ -1,11 +0,0 @@
-export interface UploadImageBlobToPublicSupabaseArgs {
-    blob: Blob;
-    contentType: string;
-    fileRef: string;
-    supabase: any;
-    upsert: boolean;
-}
-export declare const uploadImageBlobToPublicSupabase: ({ blob, contentType, fileRef, supabase, upsert, }: UploadImageBlobToPublicSupabaseArgs) => Promise<{
-    data: any;
-    error: any;
-}>;

package/general/upload-image-blob-to-public-supabase.js

@@ -1,27 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadImageBlobToPublicSupabase = void 0;
-const uploadImageBlobToPublicSupabase = (_a) => __awaiter(void 0, [_a], void 0, function* ({ blob, contentType, fileRef, supabase, upsert, }) {
-    const { data, error } = yield supabase.storage
-        .from(process.env.NEXT_PUBLIC_SUPABASE_PUBLIC_BUCKET)
-        .upload(fileRef, blob, {
-        cacheControl: process.env.NEXT_PUBLIC_SUPABASE_CACHE_CONTROL,
-        contentType,
-        upsert,
-    });
-    return {
-        data,
-        error,
-    };
-});
-exports.uploadImageBlobToPublicSupabase = uploadImageBlobToPublicSupabase;

package/hooks/with-seo.d.ts

@@ -1,9 +0,0 @@
-import { ComponentType } from 'react';
-interface WrapperProps {
-    organizationJsonLd?: unknown;
-    breadcrumbJsonLd?: unknown;
-    faqJsonLd?: unknown;
-    [key: string]: unknown;
-}
-export declare const withSEO: (Component: ComponentType<WrapperProps>, rest: WrapperProps) => any;
-export {};

package/hooks/with-seo.js

@@ -1,43 +0,0 @@
-"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.withSEO = void 0;
-const react_1 = __importStar(require("react"));
-const DynamicScript = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('next/script'))));
-const withSEO = (Component, rest) => {
-    const EnhancedComponent = () => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Component, Object.assign({}, rest)),
-        rest.organizationJsonLd && (react_1.default.createElement(DynamicScript, { id: 'organization-schema', type: 'application/ld+json', dangerouslySetInnerHTML: {
-                __html: JSON.stringify(rest.organizationJsonLd),
-            } })),
-        rest.breadcrumbJsonLd && (react_1.default.createElement(DynamicScript, { id: 'breadcrumb-schema', type: 'application/ld+json', dangerouslySetInnerHTML: {
-                __html: JSON.stringify(rest.breadcrumbJsonLd),
-            } })),
-        rest.faqJsonLd && (react_1.default.createElement(DynamicScript, { id: 'faq-schema', type: 'application/ld+json', dangerouslySetInnerHTML: {
-                __html: JSON.stringify(rest.faqJsonLd),
-            } }))));
-    return EnhancedComponent;
-};
-exports.withSEO = withSEO;