@appcorp/app-corp-vista 0.2.24 → 0.2.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/organisms/vista-feature-v2/vista-feature-v2.d.ts +3 -2
  2. package/organisms/vista-feature-v2/vista-feature-v2.js +17 -31
  3. package/package.json +2 -2
  4. package/pdf-templates/credit-receipt-template-v2.js +7 -7
  5. package/type/vista-feature-type.d.ts +13 -1
package/organisms/vista-feature-v2/vista-feature-v2.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- import React from 'react';
2
- export declare const VistaFeatureV2: () => React.JSX.Element;
1
+ import { FC } from 'react';
2
+ import { VistaFeatureV2Props } from '../../type/vista-feature-type';
3
+ export declare const VistaFeatureV2: FC<VistaFeatureV2Props>;
package/organisms/vista-feature-v2/vista-feature-v2.js CHANGED
@@ -5,39 +5,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaFeatureV2 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var solid_1 = require("@heroicons/react/20/solid");
9
- var features = [
10
- {
11
- name: 'Push to deploy.',
12
- description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
13
- icon: solid_1.CloudArrowUpIcon,
14
- },
15
- {
16
- name: 'SSL certificates.',
17
- description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
18
- icon: solid_1.LockClosedIcon,
19
- },
20
- {
21
- name: 'Database backups.',
22
- description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
23
- icon: solid_1.ServerIcon,
24
- },
25
- ];
26
- var VistaFeatureV2 = function () {
27
- return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-24 sm:py-32" },
8
+ var image_1 = __importDefault(require("next/image"));
9
+ var VistaFeatureV2 = function (_a) {
10
+ var description = _a.description, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, items = _a.items, _b = _a.revert, revert = _b === void 0 ? false : _b, subTitle = _a.subTitle, title = _a.title;
11
+ return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-20 sm:py-32" },
28
12
  react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
29
13
  react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2" },
30
- react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8" },
14
+ react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8 w-full ".concat(revert ? 'order-2' : 'order-1') },
31
15
  react_1.default.createElement("div", { className: "lg:max-w-lg" },
32
- react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-600" }, "Deploy faster"),
33
- react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "A better workflow"),
34
- react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione."),
35
- react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative pl-9" },
36
- react_1.default.createElement("dt", { className: "inline font-semibold text-gray-900" },
37
- react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-600" }),
38
- feature.name),
39
- ' ',
40
- react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))),
41
- react_1.default.createElement("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/project-app-screenshot.png", width: 2432, height: 1442, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0" })))));
16
+ react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
17
+ react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, title),
18
+ react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, description),
19
+ react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none" }, items.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "flex flex-row gap-2" },
20
+ react_1.default.createElement("div", { className: "size-5 ".concat(revert ? 'order-1' : 'order-2') },
21
+ react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 text-primary mt-1" })),
22
+ react_1.default.createElement("p", { className: "".concat(revert ? 'order-1' : 'order-2') },
23
+ react_1.default.createElement("span", { className: 'font-semibold text-gray-900' },
24
+ feature.name,
25
+ ' '),
26
+ react_1.default.createElement("span", { className: "inline" }, feature.description)))); })))),
27
+ react_1.default.createElement(image_1.default, { alt: imageAlt, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0 ".concat(revert ? 'order-1 lg:-ml-80' : 'order-2'), height: 1442, src: imageSrc, width: 232 })))));
42
28
  };
43
29
  exports.VistaFeatureV2 = VistaFeatureV2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.24",
3
+ "version": "0.2.26",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",
@@ -43,7 +43,7 @@
43
43
  "@react-jvectormap/core": "^1.0.4",
44
44
  "@react-jvectormap/world": "^1.1.2",
45
45
  "@react-pakistan/react-icon-collection": "^3.5.0",
46
- "@react-pakistan/util-functions": "^1.24.14",
46
+ "@react-pakistan/util-functions": "^1.24.22",
47
47
  "@remixicon/react": "^4.6.0",
48
48
  "@storybook/addon-essentials": "^8",
49
49
  "@storybook/addon-interactions": "^8",
package/pdf-templates/credit-receipt-template-v2.js CHANGED
@@ -107,13 +107,13 @@ exports.creditReceiptTemplateV2 = {
107
107
  head: ['NO.', 'CHAT SESSION ID', 'TYPE', 'DATE', 'AMOUNT EARNED', 'FEE', 'COMMISSION', 'TOTAL'],
108
108
  headWidthPercentages: [
109
109
  6,
110
- 15,
111
- 16,
112
- 15,
113
- 18,
114
- 15,
115
- 7,
116
- 7,
110
+ 24,
111
+ 10,
112
+ 10,
113
+ 20,
114
+ 10,
115
+ 10,
116
+ 10,
117
117
  ],
118
118
  fontName: 'font_regular',
119
119
  tableStyles: { borderWidth: 0, borderColor: '#000000' },
package/type/vista-feature-type.d.ts CHANGED
@@ -1,8 +1,20 @@
1
+ import { ForwardRefExoticComponent, SVGProps } from "react";
1
2
  export interface VistaFeatureV1Props {
2
3
  id: string;
3
4
  }
5
+ export interface VistaFeatureV2Item {
6
+ name: string;
7
+ description: string;
8
+ icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref">>;
9
+ }
4
10
  export interface VistaFeatureV2Props {
5
- id: string;
11
+ description: string;
12
+ imageAlt: string;
13
+ imageSrc: string;
14
+ items: VistaFeatureV2Item[];
15
+ revert?: boolean;
16
+ subTitle: string;
17
+ title: string;
6
18
  }
7
19
  export interface VistaFeatureV3Props {
8
20
  id: string;