@pairbo/ui-kit 0.1.1 → 0.2.0

package/dist/src/components/editor/editor.component.d.ts

@@ -13,11 +13,14 @@ export default class PboEditor extends PairboElement {
         "pbo-type-form": typeof PboTypeForm;
     };
     cardInnerImageUrl: string;
-    typingForm: PboTypeForm;
+    card: Card | null;
+    submitTypeForm: SubmitTypeForm | undefined;
+    submitHandwrittenForm: SubmitHandwrittenForm | undefined;
+    getProcessedImg: GetProcessedImg | undefined;
+    typeForm: PboTypeForm;
     handwrittenForm: PboHandwrittenForm;
     slider: PboEditorCardSlider;
     zoomedPreview: PboDrawer;
-    card: Card | null;
     private formData;
     private handwrittenFormState;
     private editorType;

package/dist/src/components/handwritten-form/handwritten-form.component.d.ts

@@ -19,7 +19,14 @@ export default class PboHandwrittenForm extends PairboElement {
     static styles: CSSResultGroup;
     imageInput: HTMLInputElement;
     handwrittenForm: HTMLFormElement;
+    card: Card | null;
+    submitHandwrittenForm: SubmitHandwrittenForm;
+    getProcessedImg: GetProcessedImg;
     sourceImg: File | null;
+    processedImg: {
+        fileUrl: string | null;
+        imgId: string | null;
+    };
     processedFileUrl: string | null;
     handwrittenDimensions: {
         top: number | null;
@@ -32,6 +39,7 @@ export default class PboHandwrittenForm extends PairboElement {
     showPicker(): void;
     handleSourceImgChange(oldFile: File | null, newFile: File | null): void;
     handleProcessImageChange(oldFileUrl: string | null, newFileUrl: string | null): void;
+    get formData(): HandwrittenFormData;
     setDimensions(dimensions: {
         top: number | null;
         left: number | null;

package/dist/src/components/page-manager/page-manager.component.d.ts

@@ -23,13 +23,19 @@ export default class PboPageManager extends PairboElement {
     editorEl: PboEditor;
     onClose: () => void;
     currentPage: "selection" | "editor";
-    selectedCard: string | null;
     categories: Category[];
+    submitTypeForm: SubmitTypeForm | undefined;
+    submitHandwrittenForm: SubmitHandwrittenForm | undefined;
+    getProcessedImg: GetProcessedImg | undefined;
+    selectedCard: string | null;
     selectedCardId: string | null;
     selectedCardDetails: {
         cover_url: string;
         id: string;
     } | null;
+    handleSubmitTypeFormUpdate(): void;
+    handleSubmitHandwrittenFormUpdate(): void;
+    handleGetProcessedImgUpdate(): void;
     private goToEditor;
     private goToSelector;
     connectedCallback(): void;

package/dist/src/components/type-form/type-form.component.d.ts

@@ -37,7 +37,6 @@ export default class PboTypeForm extends PairboElement {
     textArea: PboTextarea;
     windowHeight: number;
     private resizeTimeout;
-    private formData;
     charsNum: number;
     static readonly CTA_STATES: {
         danger: {
@@ -54,13 +53,10 @@ export default class PboTypeForm extends PairboElement {
         message: string;
     };
     cardInnerImageUrl: string;
+    card: Card | null;
+    submitTypeForm: SubmitTypeForm;
     protected firstUpdated(): void;
-    get form(): {
-        font: any;
-        text: string;
-        color: string;
-        alignment: string;
-    };
+    get formData(): TypeFormData;
     private handleFormChange;
     hostConnected(): void;
     hostDisconnected(): void;

package/dist/src/core/pbo-bridge/PboBridge.d.ts

@@ -1,3 +1,6 @@
+import { default as PboDrawer } from '../../components/drawer/drawer.component';
+import { default as PboGiftOptions } from '../../components/gift-options/gift-options.component';
+import { default as PboPageManager } from '../../components/page-manager/page-manager.component';
 /**
  * @summary Default implementation of PboIntegration
  * @description
@@ -6,27 +9,23 @@
  * Sate management, event handling, and API interactions are handled here.
  */
 export declare class PboBridge {
-    drawer: "pbo-drawer";
-    giftOptions: "pbo-gift-options";
+    private _drawer;
+    private _giftOptions;
+    private _pageManager;
     private _isLoading;
-    private _isError;
-    private _isDrawerOpen;
-    private _eventListeners;
-    constructor(customBridgeProps: PboBridgeProps);
-    toggleDrawer(visible: boolean): void;
-    get isDrawerOpen(): boolean;
-    getCards(): Promise<Card[]>;
-    afterGetCards(cards: Card[]): void;
-    getCategories(): Promise<Category[]>;
-    private afterGetCategories;
-    get isLoading(): boolean;
-    private _setLoading;
-    init(): Promise<void>;
-    asyncExecute<T>(callback: () => Promise<T>): Promise<void>;
-    uploadHandwrittenImage(file: File): Promise<string>;
-    submitCard(payload: SubmittedCardPayload): Promise<void>;
-    onSubmitted(): void;
-    addEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
-    removeEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
-    private dispatchEvent;
+    private _cards;
+    private _categories;
+    private setDrawer;
+    getDrawer(): PboDrawer | null | undefined;
+    private setGiftOptions;
+    getGiftOptions(): PboGiftOptions | null | undefined;
+    private setPageManager;
+    getPageManager(): PboPageManager | null | undefined;
+    getCategories(): Category[];
+    setCategories(categories: Category[]): void;
+    getCards(): Card[];
+    setCards(cards: Card[]): void;
+    setIsLoading(isLoading: boolean): void;
+    setIsError(isError: boolean): void;
+    constructor({ getCards, getCategories, drawer, pageManager, giftOptions, selectionGroupBy, submitTypeForm, submitHandwrittenForm, getProcessedImg, }: PboBridgeConstructorProps);
 }

package/dist/src/core/pbo-bridge/createPboBridge.d.ts

@@ -1,3 +1,4 @@
+import { PboBridge } from './PboBridge';
 /**
  * @summary Factory function to create a PboIntegration instance
  * @description
@@ -17,4 +18,4 @@
  * });
  * ```
  */
-export declare function createPboBridge(): PboBridgeInterface;
+export declare function createPboBridge(): PboBridge;

package/dist/src/mocks/shopifyHandler.d.ts

@@ -1,2 +1,3 @@
 export declare const shopifyCardsHandler: import('msw').HttpHandler;
 export declare const shopifyCategoriesHandler: import('msw').HttpHandler;
+export declare const shopifyHandwrittenHandler: import('msw').HttpHandler;

package/dist/src/utilities/{mobile.d.ts → index.d.ts}

@@ -1,3 +1,4 @@
 export declare const isMobileDevice: () => boolean;
 export declare const isNullOrUndefined: (...values: any[]) => boolean;
 export declare const isValid: <T>(value: T) => value is NonNullable<T>;
+export declare const removeNullUndefined: <T extends Object>(obj: T) => Partial<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pairbo/ui-kit",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "",
   "type": "module",
   "readme": "./README-NPM.md",